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

我有这样的HTML：

我需要选择每个.container的第一个元素，使用：

 $(".container .iconset:first"); 

我只得到一个元素，第一个找到。 并使用

 $(".container .iconset"); 

我得到了所有4个元素。 我不想检查偶数或奇数的索引，因为稍后可以添加更多元素。

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

Answer 1

这使用第一个子选择器 ，如果它是其父级的第一个子节点，它将仅选择.iconset 。

它还使用> children选择器，因为.iconset是.iconset的直接子.container 。

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

您正在使用第一个选择器 ，它将整个匹配的设置缩小到第一个选择器。