jQuery 选择器帮助下一课

发布于 2024-10-16 06:46:25 字数 510 浏览 3 评论 0原文

我被困在某件事上,尽管有 1000 种不同的方法来选择我需要的东西,但我无法继续下去。

在下面的 HTML 中, 被隐藏,当有人单击跨度中的链接时,我希望它向下滑动。

我尝试

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

过很多其他类似的事情,但没有爱。看来是因为隐藏的 tr 元素下降了 2 级,所以我无法选择它。

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

有人可以帮忙吗?

这是我的 HTML

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

Im stuck on something and although there is 1000 different ways to select what I need, I cant get it going.

In the HTML below, the <tr class="hide"> is hidden, and when someone clicks the link in the span, I want it to slidedown.

I've tried

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

and a bunch of other similar things, but no love. It seems because the hidden tr element is down 2 levels I cant select it.

Mind you, there will be multiple of these on a page, it needs to be the next one in line that slides down, so I cant just $('.hide') select it.

Can someone help?

Heres my HTML

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

旧时模样 2024-10-23 06:46:25

尝试

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

Try to

$(this).closest('tr').next().slideToggle('slow');
墨落画卷 2024-10-23 06:46:25

假设您编写的代码在用户单击跨度时被触发,那么您的代码在 DOM 上的位置不够高,无法到达下一个 TR。您需要的是:

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

第一个 parent() 让您到达 ,第二个让您到达 < /代码>。

Assuming that the code you wrote is being triggered when a user clicks the span, then your code is not going high enough up the DOM to get to the next TR. What you need is this:

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

The first parent() gets you to the <td>, and the second one gets you to the <tr>.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文