防止添加類裏的孩子的

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');？