类或id的jQuery异常

时间:2013-02-12 21:27:06

标签: javascript jquery html class checkbox

我有一张带复选框的表格。标题复选框可以选择/取消全选。我还有一个图像(#delAllPort)从表中删除已检查的行。我需要对复选框(以及它的相应行)进行检查,检查所有内容,以便从不删除标题。我在课堂上使用了.not(),但它似乎没有用。提前致谢。这是我的jQuery:

$('#delAllPort').click(function(){
  $('tr:has(input:checkbox:checked)').not('.selAllChksInGroup').each(function(){
    $(this).remove();
  });
}); 

...这里是jsfiddle:

http://jsfiddle.net/anschwem/8kDRe/

4 个答案:

答案 0 :(得分:1)

$('tr:has(input:checkbox:checked:not(.selAllChksInGroup))').remove();

答案 1 :(得分:1)

更改

$('tr:has(input:checkbox:checked)').not('.selAllChksInGroup')

$('tr:has(input:checkbox:checked)').not('tr:has(input.selAllChksInGroup)')

因为您的选择器是选择TR而不是INPUT。

答案 2 :(得分:0)

将班级selAllChksInGroup添加到tr而不是td:http://jsfiddle.net/8kDRe/3/

答案 3 :(得分:0)

使用<thead>包围“标题”,并使用<tbody>包围其余行。然后,只需选择<tbody>中的行即可删除:

$('tbody tr:has(input:checkbox:checked)').remove();

http://jsfiddle.net/8kDRe/4/