Почему этот var только выбирает первый найденный элемент?

Question

Я пытаюсь выбрать конкретный родительский элемент для каждого элемента, который имеет атрибут title, который начинается с «Mod» и помещает их в одну переменную, которую я могу легко контролировать.

var allMods= $('#main-element .object[title^="Mod"]').closest('.specific-parent'); 
$(allMods).hide(); 

, но он работает только на первом найденного элемента, я не могу понять, как установить вар будет каждый матч, кто-то может дать мне руку, пожалуйста?

Answer 1

Он должен работать при условии, что все элементы .object[title^="Mod"] находятся в контейнере #main-element.

Пример: Live Copy | Source

HTML:

<div id="main-element"> 
    <div class="specific-parent"> 
    <div class="object" title="Mod1">Mod1 - turns green</div> 
    </div> 
    <div class="specific-parent"> 
    <div class="object" title="Mod2">Mod2 - turns green</div> 
    </div> 
    <div class="specific-parent"> 
    <div class="object" title="Mod3">Mod3 - turns green</div> 
    </div> 
</div> 
<div> 
    <div class="specific-parent"> 
    <div class="object" title="Mod4">Mod4 - does <strong>not</strong> turn green</div> 
    </div> 
</div> 

JavaScript:

$('#main-element .object[title^="Mod"]').closest(".specific-parent").css("color", "green"); 

Результат: Только .specific-parents из .object[title^="Mod"] элементов, которые находятся в пределах #main-element зеленеть.

Answer 2

Согласно Docs:

Для каждого элемента в наборе, получить элемент первый, соответствующий селектор путем тестирования элемента себя и проходя через его предков в дереве DOM.

Вы, вероятно, хотите .parents() (обратите внимание на S, .parent() также возвращает только один элемент)