요소 및 그 형제를 제거하는 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(); 
});