Селектор 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");

Вы использовали первый селектор , который сужает весь соответствующий набор до первого.