javascript - 使用Jquery后台更改css - 如何一次只允许一个链接

Question

我想制作一份在单击时突出显示的 URL 列表，问题是任何时候只应突出显示一个链接。

我可以让重置按钮正常工作。使用 removeAttr) - $("a").removeAttr("style") - (这样做有什么负面影响吗？)

但我不能让它一次只做一个亮点。

有人可以帮助我编写一次仅突出显示一个链接的示例代码吗？现在，可以突出显示多个链接。

我能够在 Jsfiddle http://jsfiddle.net/M3vVw/3/ 上做一个例子

Answer 1

我建议这样做:创建一个 CSS 规则并将其应用到您单击的元素，首先从所有链接中删除相同的样式。

jQuery

$("a").click(function () {
    $('a').removeClass('back');
    $(this).addClass('back');
});
$("#btn").click(function () {
    $("a").removeClass("back")
});

CSS

.back {
    background-color: #ff3fff;
}

<强> jsFiddle example