每个父级的每个第一个元素的jQuery选择器

时间:2010-10-19 13:28:53

标签: jquery jquery-selectors

我有这样的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个元素。我不想检查偶数或奇数的索引,因为稍后可以添加更多的元素。

如何构建一个选择器来返回每个容器上的所有第一个元素?

1 个答案:

答案 0 :(得分:10)

这使用the first child selector,如果它是其父级的第一个孩子,则只会选择.iconset

它还使用>子项选择器,因为.iconset.container的直接子项。

$(".container > .iconset:first-child");

你正在使用the first selector,它将整个匹配的集合缩小到第一个。