javascript - 选择时突出显示元素

Question

我有一个元素列表 (div)，它们都具有相同的背景颜色(白色)。现在，我想在单击它们后更改背景颜色(变为蓝色)。事情是这样的，一次只能突出显示一个。

那么，假设您点击了 div1，它变成了蓝色。如果点击div2，需要让div1变成白色，然后div2变成蓝色。

某种选择方法，不是吗？

是否有独立的方法来执行此操作？

Answer 1

试试这个:

Jquery代码:

$('div').bind('click',function(){
$('div').removeClass('selected');//remove selected class from previously added div
$(this).addClass('selected');//add class to current div
})

CSS:

.selected{
background-color:blue;
}