我有这样的HTML:
<div class="container">
<span class="iconset"></span> <!-- want to select -->
<span class="iconset"></span>
</div>
<div class="container">
<span class="iconset"></span> <!-- want to select -->
<span class="iconset"></span>
</div>
我需要选择每个.container
的第一个元素,使用:
$(".container .iconset:first");
我只得到一个元素,第一个找到。并使用
$(".container .iconset");
我得到了所有4个元素。我不想检查偶数或奇数的索引,因为稍后可以添加更多的元素。
如何构建一个选择器来返回每个容器上的所有第一个元素?
答案 0 :(得分:10)
这使用the first child selector,如果它是其父级的第一个孩子,则只会选择.iconset
。
它还使用>
子项选择器,因为.iconset
是.container
的直接子项。
$(".container > .iconset:first-child");
你正在使用the first selector,它将整个匹配的集合缩小到第一个。