according to the API documentation on children(), i should get only first level children which matches the selector.

I tested the example given in the documentation with some little change:

html:

<ul class="level-1">

<li class="item-i">I</li>

<li class="item-ii">II

<ul class="level-2">

<li class="item-a">A</li>

<li class="item-a">B

<ul class="level-3">

<li class="item-a">1</li>

<li class="item-a">2</li>

<li class="item-a">3</li>

</ul>

</li>

<li class="item-c">C</li>

</ul>

</li>

<li class="item-iii">III</li>

</ul>

js:

$( "ul.level-2" ).children("item-a").css( "background-color", "red" );

according to the documentation, this should color only A,B and C, but it also colors 1,2 and 3 which is what i would expect from method find()