JQuery 在点击其内容 <a> 后获取 tr

Question

假设我有

<table>
  <tr>
    <td><a class='ilink'> link text </a></td>
    <td></td>
    <td></td>
  <tr>
  <tr>
    <td><a class='ilink'> link text </a></td>
    <td></td>
    <td></td>
  </tr>
</table>

在jquery代码中，单击链接后，我想突出显示该链接所在的整个表格行。但是我怎样才能找到它？

Answer 1

您可以使用 .closest() 来做到这一点像这样:

$("a.ilink").click(function() {
  $(this).closest("tr").addClass("highlight");
});

如果您有很多行，这会更有效(一个副本与每个 <a> 一个副本):

$("table").delegate("a.ilink", "click", function(){
  $(this).closest("tr").addClass("highlight");
});