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')

jQuery树遍历的最佳方法？

1 个答案: