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

前端之家收集整理的这篇文章主要介绍了使用jQuery在单击时隐藏当前表行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一堆表行,如:
<tr>
  <td>cell1</td>
  <td>cell2</td>
  <td><a href="action.PHP">cell3</a></td>
</tr>

当有人点击cell3中的链接有没有办法隐藏整个tr行?那么第二个他们点击了cell3中的那个链接整个tr被隐藏了吗?

解决方法

这是 .delegate()的好地方,像这样:
$("#tableID").delegate("td:nth-child(3)","click",function() {
  $(this).closest("tr").hide();
});

通过使用.delegate(),我们将一个点击处理程序附加到< table>对于所有那些第三列单元,然后使用.closest()爬上到< tr>如果你想在链接上使用它,只需将td:nth-​​child(3)更改为td a,其余部分相同.

猜你在找的jQuery相关文章