class或id的jQuery異常

我有一個帶有複選框的表格。標題複選框可以選擇/取消全選。我也有一個圖像（#delAllPort），從表格中刪除選中的行。我需要對複選框（以及它的相應行）進行檢查，以便檢查所有頭部以便永不刪除。我用.not（）與類，但它似乎並沒有工作。提前致謝。這裏是我的jQuery：class或id的jQuery異常

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

...這是對的jsfiddle：

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

來源

2013-02-12 triplethreat77

請發表你申請這個到HTML，如果可能的話創建的jsfiddle。 – j08691 2013-02-12 21:30:05

與「它似乎並沒有工作」你的意思是它正在刪除所有行，包括標題行？ – jorgehmv 2013-02-12 21:30:08

它刪除所有行，並不會例外。 – triplethreat77 2013-02-12 21:32:00

添加類selAllChksInGroup到TR，而不是TD：http://jsfiddle.net/8kDRe/3/

來源

2013-02-12 21:40:12 Flauwekeul

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

來源

2013-02-12 21:40:33 r043v

變化

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

到

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

，因爲你的選擇是選擇TR，而不是投入。

來源

2013-02-12 21:40:57 malkassem

將「標題」與<thead>以及其餘行與<tbody>環繞。然後，就在<tbody>選擇要刪除的行：

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

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

來源

2013-02-12 21:41:24

class或id的jQuery異常

回答

相關問題