javascript - 使用 Jquery 一次切换一个 anchor 链接

Question

想要切换我的事件类(class)，所以当我点击页面上的一个链接时，一次只有一个链接与类(class)一起事件，在我点击任何一个页面时的链接。有人可以帮我想出一个可行的解决方案添加到我的代码中吗？

JavaScript

//Global definition
var activeState = $(".category-tree-with-article .article-list > li > a");
activeState.on('click', function (e) {
    e.preventDefault;
    // For class changes
    activeState.toggleClass('active');
});

CSS

.active {
    font-family:'MaxPro'
}

Answer 1

删除所有其他链接上的类并在单击的链接上添加类

var activeState = $(".category-tree-with-article .article-list > li > a");

activeState.on('click', function (e) {
    e.preventDefault;
    activeState.removeClass('active');
    $(this).addClass('active');
});