Question

I have an unordered list in an object:

var myUL = $('ul#theID'); //I send this var to another function in the code

I want the direct children only of this object (I have another ‘ul’ within each ‘li’ that also has ‘li’s in it), but this selector does not work:

$(myUL + '>li').each( etc, etc...

It gives me the error “uncaught exception: Syntax error, unrecognized expression: [object Object]” on this selector in Firebug.

If I use $('li', myUL) it gives me ALL of the ‘li’s withing the ul, not just the direct children, which is not what I want. I only want the direct children.

What is the correct syntax?

Answer 1

Try

var li_children = myUL.children('li');

(Properly, a <ul> can only have <li> children anyway.)