Selecting and filtering jQuery elements?

Question

JavaScript

Good afternoon. Please tell me how to write the following selection correctly:

It is necessary to find all elements with the 'select' class inside the block with the 'root' class, but inside their own level, i.e. if there is another 'root' block inside the 'root' block, then its collection of elements should not be in the selection.

<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>

Thus, I need the console log to show 3 'select' in each 'root' block, not 6 in the 1st and 3 in the 2nd.

For convenience, a link to fidl.
https://jsfiddle.net/8grprfhb/1/

Thanks.

Answer 1

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