Prevent adding class to li childs

Question

In this case:

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

<script type="text/javascript">
var myMenu = $('.menu li');

myMenu.mouseenter(function () {
    myMenu.filter('.active').removeClass("active");
    $(this).addClass("active");
});
</script>

jquery add class to every li on hover, but i don't want to add class into the li childs.

i mean .menu li ul li

how can i do that?

Answer 1

Try using var myMenu = $('.menu > li'); ?