jquery 从 .parent() 添加/删除类

Question

我知道这非常简单，但我已经编写和重写这个函数一个小时但没有成功:

点击后我想将“active”添加到 <li>单击的链接并从所有其他 <li> 中删除“事件”位于导航栏中。

HTML:

   <nav>
     <ul>
       <li><a href="http://0327ea8.netsolhost.com/#home" class="home">Home</a></li>
       <li><a href="http://0327ea8.netsolhost.com/blog/" class="blog">Blog</a></li>
       <li><a href="http://0327ea8.netsolhost.com/#catalog" class="catalog">Catalog</a></li>
       <li><a href="http://0327ea8.netsolhost.com/#authors" class="authors">Authors</a></li>
       <li><a href="http://0327ea8.netsolhost.com/#store" class="store">Store</a></li>
     </ul>
   </nav>

jQuery:

  // NAVBAR ADD ACTIVE
   $("nav ul li a").click(function(){
     $("nav ul li").removeClass('active');
     $(this).stop().animate();
     $(this).parent().addClass('active');
   });

这可以很好地添加类，但我无法将其删除。

我也尝试过将其分成单独的函数，但没有成功。

我在那里有 .stop().animate() ，因为我在链接的悬停状态上有 .animate() 。

谢谢!

编辑:

这是用于悬停的 jQuery，也是我使用 .stop().animate() 的原因

   $("nav ul li a, aside ul li.categories a, div.posts div.foot a").hover(function(){
     $(this).animate({'backgroundColor' : '#edf5e9'}, 200);
   },function() {
     $(this).animate({'backgroundColor' : '#ccd4c8'}, 600);
   });

我不确定为什么 .stop().animate() 是错误的。如果我没有 .animate() ，事件类将不会粘住，如果我这样做，事件类就会粘住。

尽管如此，我仍然无法删除该类:-/

Answer 1

试试这个:

$(this).parent().siblings().removeClass('active');