javascript - jquery 如何在单击此链接 ic 时仅更改链接类

Question

我有一个 li 项目，我需要更改单击项目的类别，如下所示

• 从默认类中删除当前类
• 将当前类添加到单击的类

这里是我的 html 代码

                <ul class="filter">
                <li><a href="#" title="" class="current">recent</a></li>
                <li><a href="#" title="">top popularity</a></li>
                <li><a href="#" title="">top commented</a></li>
                <li><a href="#" title="">other ...</a></li>

            </ul>

这是完成这项工作的 jquery 代码

      $(".filter > li a").click(function(){

      $(".filter li a.current").removeClass("current");
        $(this).addClass("current");
      });

它工作完美，否则当我单击任何链接时，其他这些链接都会将该代码应用于它，我只需将此代码应用于 ul.filter

Answer 1

也许这会更容易、更简单。它所做的只是删除其兄弟当前类并向其自身添加新的当前类。

$('.filter a').click(function(){
  $(this).addClass('current').siblings().removeClass('current');
});