删除表格行

Question

我有这样一张桌子:

<table>
  <tr>
    <td>foo</td>
    <td><button>delete</delete></td>
  </tr>
  <tr>
    <td>foo</td>
    <td><button>delete</delete></td>
  </tr>
</table>

我想使用JQuery在删除按钮上安装单击处理程序,以便在单击时删除当前行

Answer 1

例如,给删除按钮"删除"一类,然后使用:

$("button.delete").click(function() {
    $(this).closest("tr").remove();
});

或者,如果您无法添加该类,则可以使用:contains选择器:

$("button:contains('delete')").click(function() {
  $(this).closest("tr").remove();  
});

更新(现在问题中的代码已完全更改)

现在您已经将问题中的代码更改为仅包含一个按钮而不是两个按钮,您不需要费心添加class或使用:contains选择器,您只需使用普通的旧button选择器:

$("button").click(function() {
  $(this).closest("tr").remove();  
});