Jquery:删除表的偶数行的子节点

时间:2015-03-04 13:35:04

标签: jquery

我有以下Jquery代码。对于表的第一列和第三列,是否还要删除表的偶数行的子节点?

<table id="table1">
  <tbody>
    <tr>
      <td>AAA</td>
      <td>BBB</td>
    </tr>
    <tr>
      <td> <input type = "checkbox" name = "vehicle"> </td>
      <td>BBB</td>   
    </tr>
    <tr>
      <td>AAA</td>
      <td>BBB</td>
    </tr>  
    <tr>
      <td> <input type = "checkbox" name = "vehicle"> </td>
      <td>BBB</td>   
    </tr>     
  </tbody>
</table>
$(document).ready(function(){
  $("#table1 > tr:odd")               
});

我正在寻找一种删除所有上述复选框节点的方法 出现在第一列的奇数行中。

通过上面的Jquery,我可以选择所有奇数行,但是 有没有办法修改它来删除所有复选框节点 从那些选定的第一列奇数行。

1 个答案:

答案 0 :(得分:1)

删除初始选择器中的>,因为它们之间有一个tbody,然后使用下面的代码找到复选框并将其删除。

$('#table1 tr:odd').find('input[type="checkbox"]').remove();

http://jsfiddle.net/th61vruq/2/