jquery children selector issue

Question

Hi I have shared the code here : http://jsfiddle.net/jTAZ4/

Why am i getting the length as 0 although I can see an li with the specified class. any help is deeply appreciated.

I know this will work with find but just wondering why children selector doesn't work.

Answer 1

That's because the <li> is not a direct children of that <div>.

You should use .find() instead of .children().

Answer 2

.children() only selects direct children. Try .find() instead.

Answer 3

Try using .find('.jstree-leaf') instead of .children('.jstree-leaf').

Answer 4

You have to use .find() instead of .children()

alert($('div.round').find('.jstree-leaf').length);

.children() only searches one level deeper and skips all the elements in deeper levels.