javascript - 悬停后动态更改 li 的类

Question

您好，我想知道当您将鼠标悬停在列表上时是否可以动态更改列表的类。这是我的代码和 fiddle 。当我将鼠标悬停在 li 上时，我希望它改变类(class)。在 mouseout 上，我希望它变回原来的状态。

$('.navi > li').on("mouseover", function () {
    ($(this)).removeClass('.navi').addClass('.navi2');
    $('.hover-name', this).show();
}).on("mouseout", function() { 
    $('.hover-name').hide();
});

http://jsfiddle.net/Samfr/8/

Answer 1

我认为悬停对于您正在做的事情可能会更好一些。 http://api.jquery.com/hover/

另外，我不太清楚你在问什么，但上面悬停文档页面上的一个例子似乎描述了类似的东西。

$( "td" ).hover(
  function() {
    $( this ).addClass( "hover" );
  }, function() {
    $( this ).removeClass( "hover" );
  }
);