селектора CSS, необходим, чтобы выбрать следующую строку в таблице

Question

я упростил ситуацию, как показано ниже:

<table> 
    ... 
    <tr><td>....</td><td><button...>delete</button></td></tr> 
    <tr><td>somestuff</td><td>some other stuff</td></tr> 

</table> 

На нажатии кнопки удаления, я удалить строку с помощью:

$(this).closest('tr').remove(); 

Вопрос в том, как я могу удалить следующую строку, используя какой-либо CSS-селектор для следующей строки. У меня есть обход, используя номер пробега для каждой строки, выбирая id # из одного удаляемого, увеличивая его, а затем используя его для удаления следующей строки. Но я думаю, что для выбора следующей строки должен быть какой-то селектор CSS.

Answer 1

Ваш лучший выбор - отделить поиск строк и их удаление, иначе вы получите непредсказуемые результаты.

var rowA = $(this).closest('tr'); 
var rowB = rowA.next(); 

rowA.remove(); 
rowB.remove(); 

Answer 2

$(this).closest('tr').next('tr').remove(); 
    $(this).closest('tr').remove(); 

Answer 3

Удаление обоих сразу:

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

.addBack() заменяет .andSelf() для JQuery 1.8 и более поздних версий.