jquery - 使用 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.A。更具体地说，我要做的就是进行设置，以便单击链接将显示或隐藏 div.B。

这可能或可行吗？这在表中会有问题吗？

我不是 jQuery 专家，所以我现在只是在摆弄它。

Answer 1

这应该适合你。将隐藏标签后面的下一个 div.A 中的 div.B。

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