使用jQuery处理下一个不是兄弟的第一个元素

Question

我需要做的是获得与当前类型不同的下一个元素。我不确定这是否有意义。据我所知，jQuery中的next（）只能获得下一个兄弟。

这就是我所拥有的：

<tr>
   <td>
      <a>Link</a>
   </td>
</tr>
<tr>
   <td>
      <div class="A">
         <div class="B">...</div>
         <div class="B">...</div>
         <div class="B">...</div>
      </div>
   </td>
</tr>
<tr>
   <td>
      <a>Link</a>
   </td>
</tr>
<tr>
   <td>
      <div class="A">
         <div class="B">...</div>
         <div class="B">...</div>
         <div class="B">...</div>
      </div>
   </td>
</tr>

点击链接后，我想对div.A中的div.B做一些事情。但只有第一个div.A在链接之后，而不是页面其余部分。更具体地说，我要做的是设置它，以便点击链接将显示或隐藏div.B's。

这是可行的还是可行的？这会出现问题吗？

我不是jQuery专家所以我现在只是在搞乱它。

Answer 1

这应该为你做。将隐藏div.B放在标签后面的下一个div.A中。

$('a').click(function(){
    $(this).closest('tr').next().find('.A div.B').hide();
});