如何更改盒子的背景颜色？

Question

我想要做的是当用户点击框时它会更改该框的背景颜色，同时也会删除上一个框的背景颜色。

我设法得到我点击的选定框，但之前选择的也是。所以我想删除以前选中的框，只有我点击才能获得。 这是我的小提琴： https://jsfiddle.net/pmadwvpk/

$(".left-sidebar-box").on("click", function() {
    $(this).css("background", "#2f3d46");
}); 

Answer 1

将您的代码修改为：

演示：

https://jsfiddle.net/lotusgodkk/pmadwvpk/3/

JS：

$(".left-sidebar-box").on("click", function() {
    $(".left-sidebar .left-sidebar-box.active").removeClass("active");
    $(this).addClass("active");

});

CSS：

.left-sidebar .left-sidebar-box.active {
    background: #2f3d46
}

Answer 2

更新小提琴：https://jsfiddle.net/pmadwvpk/1/

代码

$(".left-sidebar-box").on("click", function() {
    $(".left-sidebar-box").css("background","");
    $(this).css("background", "#2f3d46");    
});