jQuery Selector帮助下一课

Question

我坚持一些东西，虽然有1000种不同的方式可以选择我需要的东西，但我无法实现它。

在下面的HTML中，隐藏了<tr class="hide">，当有人点击该范围内的链接时，我希望它能够滑落。

我试过

$(this).parent().next().slideToggle('slow');

和其他类似的东西，但没有爱。看来因为隐藏的tr元素下降了2级我无法选择它。

请注意，页面上会有多个这样的内容，它需要是向下滑动的下一个，所以我不能只是$（'。hide'）选择它。

有人可以帮忙吗？

继承我的HTML

<td>
    <span class="details">Details</span>
</td>
</tr>
<tr class="hide">
<td></td>

Answer 1

尝试

$(this).closest('tr').next().slideToggle('slow');

Answer 2

假设您编写的代码是在用户单击span时触发的，那么您的代码在DOM上不够高，无法进入下一个TR。你需要的是：

$(this).parent().parent().next().slideToggle('slow');

第一个parent()会将您带到<td>，第二个会将您带到<tr>。