Селектор 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().addBack().remove();

.addBack() заменяет .andSelf() для jQuery 1.8 и позже.

Answer 3

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