使用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();
});