Выборка и фильрация элементов jQuery?

Question

[Gregory]

Добрый день. Подскажите, пожалуйста, как правильно написать следующую выборку:

Необходимо найти все элементы с классом 'select' внутри блока с классом 'root', но внутри своего уровня, т.е. если внутри блока 'root' лежит еще один блок 'root', то его коллекции элементов в выборке быть не должно.

<div class='root'>
    <div class='select'>
    </div>
    <div class='select'>
    </div>
    <div class='select'>
    </div>
    <div class='root'>
         <div class='select'>
         </div>
         <div class='select'>
         </div>
         <div class='select'>
         </div>
    </div>
</div>

Таким образом, мне нужно, чтобы консоль лог показал по 3 'select' в каждом блоке 'root', а не в 1-ом 6 штук, а во 2-ом - 3 штуки.

Для удобства ссылка на фидл.
https://jsfiddle.net/8grprfhb/1/

Спасибо.

Answer 1

[Никита]

$('.root').each(function(){
	console.log('---------');
  console.log($(this).children('.select'));
})

Answer 2

[Anton fon Faust]

.root>.select:not(.root .root .select) - вот такой селектор используйте и не надо лишний раз jquery дергать.

https://jsfiddle.net/anton4ept/n1wa5mpn/ - для удобства)))

Comments

[Gregory]

Anton fon Faust, нашел у себя маленький косяк.. данное решение не работает, если структура более древовидная, т.е. если нужные селекты не являются непосредственными дочерними элементами блока рут.

Не подскажите, как подправить?

[Anton fon Faust]

Gregory,
.root .select:not(.root .root .select) - если я правильно понял

[Gregory]

Anton fon Faust, вот, структура такая например: https://jsfiddle.net/n1wa5mpn/3/

[Gregory]

Anton fon Faust, а вот увидел) вроде работает, спасибо Вам.