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

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

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

</tbody>
</table>

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

15
задан Amit 29 January 2010 в 12:54
поделиться

2 ответа

Nicer:

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

More on closest()

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

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

53
ответ дан 1 December 2019 в 00:01
поделиться

Попробуйте это:

<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>
8
ответ дан 1 December 2019 в 00:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: