Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Select all li's but not children

Tags:

jquery

I have this code:

$li = $("li", this)

Which is selecting all of the li's in my code. This works fine however I want $li to exclude the li's that are within a submenu.

    <ul id="navigation">
        <li><a href="#">blah 1</a></li>
        <ul id="subnav">
            <li><a href="#">sub 1</a></li>
            <li><a href="#">sub 2</a></li>
            <li><a href="#">sub 3</a></li>
        </ul>
        </li>
        <li><a href="#">blah 2</a></li>
        <li><a href="#">blah 3</a></li>
        <li><a href="#">blah 4</a></li>
        <li><a href="#">blah 5</a></li>
    </ul>

So $li would only reference the blah's not the sub's.

I thought it was something like:

$li = $("li", this).parents()

But this doesn't do what I want.

like image 587
fire Avatar asked Mar 12 '10 12:03

fire


1 Answers

Just use the child selector >:

$("#navigation > li")
like image 116
Andy E Avatar answered Sep 19 '22 15:09

Andy E