Использование jQuery для работы со следующим первым элементом, который не является родным

Question

Что мне нужно сделать, так это получить следующий элемент, который не относится к типу текущего. Я не уверен, имеет ли это смысл. Насколько я знаю, next () в jQuery получает только следующего брата.

Вот что у меня есть:

<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.B внутри div.A. Но только первый div.A сразу после ссылки, а не те, что на остальной части страницы. Чтобы быть более конкретным, я пытаюсь настроить это так, чтобы при щелчке по ссылке отображались или скрывались div.B.

Это возможно или возможно? Будет ли это быть в таблице?

Я не эксперт по jQuery, так что я просто сейчас с этим возлюсь.

Answer 1

Это должно сделать это для вас. Скрывает div.B в следующем div.A, следующем за тегом.

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