问题描述
- 如何用JQuery修改表格中的值？
-
我现在抓到了td1,我想把里面的内容修改成 “Guanyu”；
下面是我写的代码，但是不好使<html> <head> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> </head> <body> <table id="thisTable"> <tr> <td>id</td> <td>name</td> <td>sex</td> </tr> <tr> <td>001</td> <td>Xiaoming</td> <td>man</td> </tr> <tr> <td>002</td> <td>Laowang</td> <td>man</td> </tr> <tr> <td>003</td> <td>Yan</td> <td>Felman</td> </tr> </table> </body> <script> $(function(){ var thisTable = $("#thisTable"); var tr = $("#thisTable tr"); var td_1 = tr.find("td:eq(1)"); td_1.each(function(){ if($(this).text()!="name"){ $(this).text()="Guanyu"; } }); }); </script> </html>
解决方案
赋值语法错了
$(this).text()="Guanyu";//这不是jq的赋值
//应该是这样
$(this).text("Guanyu");
解决方案二：
这几天在项目中，需要对页面一个表格的数据做更改如果，从数据库中获取的数据都是以MB为单位，视觉上不够直观，需要进行更改，因此在页面加载后就需要立即修改各种数值：
采用方法如下：
1.页面引入jquery，使用就绪函数，这样页面加载就可以调用函数进行表格数值更改：
$(document).ready(function(){......
答案就在这里：jquery修改表格td值
时间： 2024-09-19 09:11:46