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

Question

这是我的主播,

<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来表明它是当前的锚点

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

当我点击下一个锚点时,会发生相同的类添加到当前锚点和前一个锚点...可以做什么来删除cssclass page-numbers current并将cssclass分配page-numbers给上一个/所有其他锚点而不更改当前锚点... ..

Answer 1

为了避免在整个dom中进行昂贵的运行,请执行以下操作:

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