Question

我在html中有一个表格如下

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

</tbody>
</table>

现在如果相同的模式继续，我想删除一行，如果在该行上单击删除按钮。我如何用jQuery实现同样的目标？

Answer 1

一些好的：

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

More on closest()

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

无论您的HTML在单元格中的样子如何，这都有效。

Answer 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>

如何从jQuery中的表中删除当前行？

2 个答案: