jQuery删除一个元素及其兄弟

Question

我有一个行数偶数的表。

奇数行是可见的，其中包含删除按钮，甚至隐藏行。

删除应删除一对，奇数行和隐藏偶数行。

以下仅删除奇数行。如何删除奇数行和下一个兄弟？

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

非常感谢

Answer 1

您可以使用addBack() jQuery方法：

$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();
});