防止向li孩子添加课程

Question

在这种情况下：

<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在悬停时为每个li添加类，但我不想要将类添加到li子项中。

我的意思是.menu li ul li

我该怎么做？

Answer 1

尝试使用var myMenu = $('.menu > li');？