jquery - 为什么第 nth-child 返回那个？

Question

考虑这个片段:

<div>
    <div class="user_photo"></div>
    <h5><b>Jane Doe,</b> 01 May 2016</h5>
</div>
<div>
    <div class="user_photo"></div>
    <h5><b>Jane Doe,</b> 01 May 2016</h5>
</div>

当搜索 jQuery('div.user_photo:nth-child(0)') 时，我得到:

[<div class=​"user_photo">​</div>​, <div class=​"user_photo">​</div>​]

为什么我不能从这个数组中获取第一个 div？如何在不添加新类的情况下获取数组的第一个元素？

Answer 1

nth-child 选择器实际上意味着所选元素是否是其父元素的 nth-child。

因此在您的情况下，.user_photo 是其每个父级 div 的第一个子级。要对此进行测试，请为其中一个元素切换 .user_photo div 和 h5，您会看到它只选择了 .user_photo 之一 div。

为了做你想做的事，我会在那个匿名 div 上放一个类，然后做 .anonymous-div:first-child .user_photo。如果你不能在那个 div 上放置一个类，那么你可能需要使用另一个具有更唯一标识符的父元素遍历它，比如 #common-parent > div:first-child .user_photo