是否有可能获得第n个子选择器的.offset() ?

Question

由于某些原因，当我运行

时得到一个null错误

$('.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) -这些都应该工作。

希望这对你有帮助!