jQuery parent <li>

Question

<ul class="menu">
<li><a href="#">texT</a>
    <ul>
        <li>text</li>
        <li>text</li>
        <li>text</li>
    </ul>
</li>
<li>text</li>
<li>text</li>
</ul>

How to get direct <li> from .menu?

<li> inside child <ul> should not be taken.

Thanks.

Answer 1

You could try the .children() function:

var lis = ​$('.menu')​.children('li')​;

Answer 2

would this work?

$(".menu > li")

Answer 3

You can use the child selector:

$('.menu > li')

I recommend taking a look at jQuery's selector documentation.

Answer 4

$(".menu > li")