Jquery – 在hover时添加类

我希望当鼠标继续时， li jquery为元素添加一个类：

 
 
Menu Item
 
Menu Item
 
Menu Item
 
Menu Item
 
  var myMenu = $('.menu').children('li'); myMenu.on({ mouseenter: function() { $( this ).addClass( "is_hovered" ); }, mouseleave: function() { $( this ).removeClass( "is_hovered" ); } });  

但是我想删除类只有当鼠标继续使用另一个li ，如果没有将 class 保留在元素上。

这可能吗？

Answer 1

在这种情况下，不要使用mouseleave处理程序，在mouseenter中从其他元素中删除hover的类

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

演示： 小提琴