单击其内容<a>后,JQuery获取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");
});