Как удалить текущую строку из таблицы в jQuery?

У меня есть таблица в html следующим образом

<table>
<tbody>
<tr>
<td>test content</td>
<td><input type="button" onClick="remove()"></td>
</tr>
....
...

</tbody>
</table>

теперь, если тот же шаблон продолжается, я хочу удалить строку, если в этой строке нажата кнопка удаления. как я могу достичь этого с помощью jQuery?

Ответ 1

Nicer:

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

Подробнее о ближайшем()

<input type="button" onClick="$(this).closest('tr').remove();">

Это полезно для работы независимо от того, как выглядит ваш HTML в ячейке.

Ответ 2

Попробуйте следующее:

<input type="button" onClick="$(this).parent().parent().remove();">

Или вы можете сделать его более общим следующим образом:

<script>
  $(document).ready(function()
  {
    $(".btn").click(function(){
      $(this).parent().parent().remove();
    });
  });
</script>

<tr>
  <td><input type="button" class="btn"></td>
</tr>