jquery - 如何改变盒子的背景颜色？

Question

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

我设法获得我单击的选定框，但以前选择的框也是如此。所以我想删除以前选定的框并仅在我单击时选择。这是我的 fiddle : 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
}