jquery - jQuery 树遍历的最佳方法？

Question

我得到了以下代码:

<table border=1>
  <tbody>
    <tr>
      <td>issue</td>
      <td><a class="issueDrawer" href="#">view</a></td>
      <td>description</td>
    </tr>
    <tr class="issueDrawer" style="display: none;"><td colspan="100%">boom!</td></tr>
    <tr>
      <td>issue</td>
      <td><a class="issueDrawer" href="#">view</a></td>
      <td>description</td>
    </tr>
    <tr class="issueDrawer" style="display: none;"><td colspan="100%">boom!</td></tr>
    <tr>
      <td>issue</td>
      <td><a class="issueDrawer" href="#">view</a></td>
      <td>description</td>
    </tr>
    <tr class="issueDrawer" style="display: none;"><td colspan="100%">boom!</td></tr>
  </tbody>
</table>

基本上，我正在对“a.issueDrawer”执行一个操作，该操作应该为“tr.issueDrawer”设置动画。从“a.issueDrawer”，我目前正在执行 $(this).parent().parent().next()，但必须有一种更清晰的方法来遍历并找到第一个“tr.issueDrawer”。

想法？

Answer 1

您可以使用.closest('tr')来代替.parent().parent() .

$(this).closest('tr').next('tr.issueDrawer')