jquery - 仅对一个 anchor 进行分类，并从该 ul 中的所有 anchor 中删除

Question

我有一个 html 中的 UL，如下所示:

<ul class="most-populer">
  <li><a id="popular" class=" " href="#">Most Popular</a></li>
  <li><a id="price" href="#" class=" ">Price</a></li>
  <li><a id="rating" href="#" class=" ">Star Rating</a></li>
  <li><a id="alphabetic" href="#" class="active">Name</a></li>
</ul>

我正在使用 ajax 函数根据这些搜索条件过滤结果。这对我来说效果很好。现在我想要的是，如果用户点击 popular 那么只有 popular anchor 标记具有 active 类并从其他 anchor 标记中删除。

我知道addClass()和 removeClass() jquery的方法

但如果用户单击 UL 仅该 anchor 具有 active 类的任何链接，我想以这种方式使用它们。

Answer 1

jsFiddle demo

$('ul.most-popular li a').click(function( e ){
    e.preventDefault(); // prevent def. anchor behavior !
    $('ul.most-popular').find('.active').removeClass('active');
    $(this).addClass('active');
});