Javascript 突出显示div onclick

我有一个问题，需要使用什么jQuery代码来在单击时突出显示列表中的DIV？我有8个Div，我需要突出显示一个单击的Div，当单击下一个Div时，上一个Div不再突出显示。

好的，试试这个：-

JSFiddle-

您所需要做的就是，在所有div中都有一个公共类，单击时，从其他每个div中删除color类，然后将color类添加到单击的div中

<div class="divs">
    Thumb1
</div>    
<div class="divs">
    Thumb1
</div>    
<div class="divs">
    Thumb1
</div>    
<div class="divs">
    Thumb1
</div>    

CSS

资料来源：

---

根据要求对其进行了修改。

您可以尝试以下方法：

$('.mainDiv').on('click','.divs',function () {
  $(this).parent().find('.divs').css('background-color', '');
  $(this).css('background-color', '#00fff0');
});

试试下面的方法

$（文档）.ready（函数（）{
$Divs=$（“div”）；
$Divs.单击（函数（）{
$Divs.removeClass（“突出显示”）；
$（此）.addClass（“突出显示”）；
});
});
。突出显示{
背景：绿色；
}
div{
显示：块；
宽度：100px
}



第一组


第二组

创建一个具有所需背景颜色的CSS类，然后单击将该类添加到div，反之亦然。。您可能希望在不使用代码的情况下查看.toggleClass（），以演示此问题与Andy建议的问题有何不同，我恐怕要以另一个问题的重复来结束此问题。如果您觉得这是一个错误，那么请使用足够的相关、最小的HTML、CSS和jQuery/JavaScript更新您的问题，我们可以重现您的问题。
<div class="divs">
    Thumb1
</div>    
<div class="divs">
    Thumb1
</div>    
<div class="divs">
    Thumb1
</div>    
<div class="divs">
    Thumb1
</div>    

var addclass = 'color';
var $cols = $('.divs').click(function(e) {
    $cols.removeClass(addclass);
    $(this).addClass(addclass);
});

.color {
    background-color: yellow;
}

$('.mainDiv').on('click','.divs',function () {
  $(this).parent().find('.divs').css('background-color', '');
  $(this).css('background-color', '#00fff0');
});