javascript - クラスまたは ID の jQuery 例外

Question

チェックボックスのあるテーブルがあります。ヘッダーのチェックボックスは、すべてを選択/選択解除できます。チェックされた行をテーブルから削除するイメージ (#delAllPort) もあります。ヘッダーが削除されないようにすべてをチェックするチェックボックス（および対応する行）を期待する必要があります。クラスで .not() を使用しましたが、機能していないようです。前もって感謝します。これが私のjQueryです：

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

...そしてここにjsfiddleがあります：

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

Answer 1

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

Answer 2

変化する

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

に

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

あなたのセレクターはINPUTではなくTRを選択しているためです。

Answer 3

selAllChksInGroupクラスを td ではなく tr に追加します: http://jsfiddle.net/8kDRe/3/

Answer 4

「ヘッダー」を で囲み、<thead>残りの行を で囲み<tbody>ます。次に、行を選択し<tbody>て削除します。

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

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