jQuery 选择器帮助下一课
我被困在某件事上,尽管有 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
尝试
Try to
假设您编写的代码在用户单击跨度时被触发,那么您的代码在 DOM 上的位置不够高,无法到达下一个 TR。您需要的是:
第一个
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:
The first
parent()
gets you to the<td>
, and the second one gets you to the<tr>
.