jquery - 1つのアンカーでのみクラス分けし、そのul内のすべてのアンカーから削除します

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のみがクラスを持ち、他のアンカータグから削除されます。popularactive

jqueryのaddClass（）メソッドとremoveClass（）メソッドについて知っています

activeしかし、ユーザーがそのアンカーだけがクラスを持っているULのリンクのいずれかをクリックした場合、私はそれらをそのように使用したいと思います。

Answer 1

$(".most-populer li a").on("click", function() {
   $(this).addClass("active").parent().siblings().find("a").removeClass("active");
});

Answer 2

jsFiddleデモ

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

Answer 3

$(".most_populer a").click(function(e) {
    $(".most_populer a.active").removeClass("active"); // remove active classes
    $(this).addClass("active"); // add active class to clicked element
    e.preventDefault(); // prevent default link behavior
});