jQuery的 - 添加類懸停

Question

我想，當鼠標的推移li jQuery的一類添加到元素：

<ul class="menu"> 
    <li>Menu Item</li> 
    <li>Menu Item</li> 
    <li>Menu Item</li> 
    <li>Menu Item</li> 
</ul> 

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

myMenu.on({ 
    mouseenter: function() { $(this).addClass("is_hovered"); }, 
    mouseleave: function() { $(this).removeClass("is_hovered"); } 
}); 
</script> 

但我想刪除類只有當鼠標進入另一個li，如果不是保持元素上的類。

這可能嗎？

Answer 1

不要使用鼠標離開處理在這種情況下，上了mouseenter從其他元素

var myMenu = $('.menu li'); 

myMenu.mouseenter(function() { 
    myMenu.filter('.is_hovered').removeClass("is_hovered"); 
    $(this).addClass("is_hovered"); 
}); 

演示刪除懸停類：Fiddle