JQuery 遍历web中的Table并对其进行操作

2017-12-19  本文已影响14人  贾磊_cd

表格如下定义

<table id="grid">
</table>

这里分两步

第一步是遍历表格中每一行

$("#gird tr").each(function(){
** 处理每一行的内容**
});

第二部是对某一行获取其某一列的内容

$(this).children('td:eq(2)').text()

Note:

1.  这个要嵌套在上面的那个循环中使用。
2. eq(2)  这里的数字指的是列的index 从0开始计数

如果要对table中某一个单元格的内容清空则可以使用
$(this).children('td:eq(2)').html("");

将上面测操作和起来就是:遍历表格,如果某一行符合条件则对这一行中的某一列清除其内容。

$("#appGrid tr").each(function () {
  if ($(this).children('td:eq(2)').text()  == "某种条件") {
       $(this).children('td:eq(7)').html("");
  }
})
上一篇下一篇

猜你喜欢

热点阅读