jQuery刪除元素及其兄弟

Question

我有一個具有偶數行數的表。

奇數行是可見的，並有一個刪除按鈕，甚至行被隱藏。

刪除應該刪除一對，奇數行和隱藏的偶數行。

以下僅刪除奇數行。如何刪除下一個兄弟的奇數行和？

$('deleteButton').click(function() { 
    var $tr = $(this).closest('tr'); 
    $tr.remove().next('tr').remove(); 
}); 

非常感謝

Answer 1

你可以使用jQuery的addBack()方法：

$tr.next('tr').addBack().remove(); 

Answer 2

刪除sibling首先作爲刪除源row首先嚐試訪問刪除行的sibling時會導致錯誤。

$('deleteButton').click(function() { 
    var $tr = $(this).closest('tr'); 
    $tr.next('tr').remove(); 
    $tr.remove(); 
}); 

Answer 3

利用這一點，它會工作，

$('deleteButton').click(function() { 
    var $tr = $(this).closest('tr'); 
    $tr.next('tr').remove(); 
    $tr.remove(); 
});