jquery mousein mouseout remove将类添加到span中的特定链接

Question

好吧我正在尝试做的是当我在链接上鼠标时删除一个类。但是要删除的类是在不同的链接上。然后，当我将鼠标移出时，该类将返回到它被删除的链接。有什么建议吗？

google.load("jquery", "1.3.1");
google.setOnLoadCallback(function()
{
  $(".nav a").hover(function(ev) {
    $(".nav a").each(function() {
      $(this).removeClass('active');
    },function(ev) {
      $(".nav a").each(function() {
        $(this).addClass('active');
      });
    });
  });
});

Answer 1

我想你想要这个。试试这个JSBIN DEMO

var $items = $(".nav a");

$items.mouseover(function(ev) {
  $items.removeClass('active');
  $(ev.currentTarget).addClass('active');
}

$items.mouseout(function(ev) {
  $(ev.currentTarget).removeClass('active');
}