jquery - 如何使用 jquery 从一个 anchor 中删除 CSS 类并将其分配给另一个 anchor ？

Question

这是我的 anchor ，

<a ID="lnkbtn0" class="page-numbers" href="#">1</a>
<a ID="lnkbtn1" class="page-numbers" href="#">2</a>
<a ID="lnkbtn2" class="page-numbers" href="#">3</a>
<a ID="lnkbtn3" class="page-numbers" href="#">4</a>

我的点击功能我添加了一个 cssclass 来显示它是当前 anchor

$("a.page-numbers").click(function() {
                $(this).addClass('page-numbers current');
    });

当我单击下一个 anchor 时，会发生什么情况，相同的类已添加到当前 anchor 和上一个 anchor ...如何删除 cssclass page-numbers current 并分配 cssclass page-numbers 到前一个/所有其他 anchor 而不更改当前 anchor ....

Answer 1

为避免遍历整个 dom 的代价高昂，请执行以下操作:

$("a.page-numbers").click(function() {
    $(this).addClass('current').siblings().removeClass('current');
});