Question

出于某种原因，我在运行

时出现空错误

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

而

$('.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>

Answer 1

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

您可以尝试使用.row_titles:nth-child(2)或.art:eq(2) - 其中任何一个都可以使用。

希望这有帮助！

是否有可能获得第n个子选择器的.offset（）？

1 个答案: