使用 jQuery 在单击时隐藏当前表格行

我有一堆表行，例如：

<tr>
  <td>cell1</td>
  <td>cell2</td>
  <td><a href="action.php">cell3</a></td>
</tr>

当有人单击单元格 a3 中的链接时，有没有办法隐藏整个 tr 行？那么当他们点击单元格 3 中的链接时，整个 tr 就被隐藏了？

这是一个好地方.delegate() http://api.jquery.com/delegate/， 像这样：

$("#tableID").delegate("td:nth-child(3)", "click", function() {
  $(this).closest("tr").hide();
});

通过使用.delegate() http://api.jquery.com/delegate/我们附上one click处理程序到<table>对于所有第三列单元格，然后使用.closest() http://api.jquery.com/closest/爬到<tr> to .hide() http://api.jquery.com/hide/。如果您希望将其放在链接上，只需更改td:nth-child(3) to td a，其余相同。