перейти к следующему tbody из tr

Question

У меня есть необходимость, когда с определенного <td> мне нужно получить следующий <tbody>, а showToggle - с jQuery. Вложенности выглядит, как показано ниже

<tbody> 
    <tr> 
     <td class="fromhere">something</td> 
    </tr> 
</tbody> 
<tbody class="tohere"> 
    <tr> 
     <td>Something</td> 
    <tr> 
</tbody> 

Я хочу, чтобы вызвать «tohere», когда «formhere» щелкают с помощью JQuery.

Я пробовал $('.fromhere).next('tbody').showToggle(100), но это не работает. Причина, по которой я занимаюсь, состоит в том, что у меня есть несколько таких комбо-комбо, и я не хочу правильно нажимать для каждого, что не является хорошей практикой кодирования.

Answer 1

Может попробовать с .parent() и .next() как

$('.fromhere').parent('tbody').next('tbody').showToggle(100); 

Answer 2

вам необходимо пройти вверх до текущего элемента tbody, а затем найти следующий элемент оттуда. Вы можете использовать .closest() пройти вверх

$('.fromhere').click(function(){ 
    $(this).closest('tbody').next('tbody').slideToggle(100) 
}) 

Demo: Fiddle