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

Question

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

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

Answer 1

这使用第一个子选择器,它只选择.iconset它是否是其父级的第一个子级.

它还使用了>子选择器,因为.iconset它是直接的孩子.container.

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

您使用的是第一个选择器,它将整个匹配的设置缩小到第一个选择器.