从tr到下一个tbody

Question

我需要从特定的<td>开始，我需要获得下一个<tbody>，而showToggle是使用jQuery。嵌套看起来如下

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

当使用jquery点击“formhere”时，我想触发“tohere”。

我尝试了$('.fromhere).next('tbody').showToggle(100)，但这不起作用。我正在上课的原因是我有多个这样的tbody组合，而且我不想为每个不合适的编码练习点击右键。

Answer 1

你需要向上遍历直到当前元素的tbody然后从那里找到下一个元素。您可以使用.closest()向上遍历

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

演示：Fiddle

Answer 2

可以尝试使用.parent()和.next()

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