是否可以获取第 n 个子选择器的 .offset() ?

发布于 2024-12-06 17:17:34 字数 1230 浏览 0 评论 0原文

给出值时,我收到空错误

$('.art:nth-child(2)').offset();

由于某种原因,当我运行while

$('.art:first').offset()

$('.art:last').offset()

,没有问题。 offset() 只会返回第一个和最后一个子节点的值吗?

HTML:

<div class="row_titles">
        <a href="#"><img class="art" src="images/channel_art/netflix-trainspotting.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-ronin.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-camelot.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-the_fighter.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-johnmalkovich.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-memento.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-star_trek.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-diehard.jpg" /></a>            
    </div>

For some reason I get a null error when I run

$('.art:nth-child(2)').offset();

while

$('.art:first').offset()

and

$('.art:last').offset()

give values, no problem. Will offset() only return values for the first and last children?

HTML:

<div class="row_titles">
        <a href="#"><img class="art" src="images/channel_art/netflix-trainspotting.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-ronin.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-camelot.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-the_fighter.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-johnmalkovich.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-memento.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-star_trek.jpg" /></a>
        <a href="#"><img class="art" src="images/channel_art/netflix-diehard.jpg" /></a>            
    </div>

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

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

发布评论

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

评论(1

痴情 2024-12-13 17:17:34

nth-child 选择器正在选择 .art 图像的 - 由于它们没有任何子项,因此该值为 null。

您可以尝试 .row_titles:nth-child(2).art:eq(2) - 其中任何一个都应该有效。

希望这有帮助!

The nth-child selector is selecting the children of your .art images - and since they don't have any children, this is null.

You could try .row_titles:nth-child(2), or .art:eq(2) - either of those should work.

Hope this helps!

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