<分区>
我有一个问题,需要使用什么 jQuery 代码才能在单击时突出显示列表中的 DIV?我有 8 个 Div,我需要突出显示被单击的一个,当单击下一个时,上一个不再突出显示。
标签 javascript jquery html css
<分区>
我有一个问题,需要使用什么 jQuery 代码才能在单击时突出显示列表中的 DIV?我有 8 个 Div,我需要突出显示被单击的一个,当单击下一个时,上一个不再突出显示。
最佳答案
好的,那么试试这个:-
JSFiddle- http://jsfiddle.net/dtzjN/198/
您需要做的就是,在所有 div 中有一个公共(public)类,单击时,从所有其他 div 中删除颜色类,并向单击的 div 添加一个颜色类。
<div class="divs">
Thumb1
</div>
<div class="divs">
Thumb1
</div>
<div class="divs">
Thumb1
</div>
<div class="divs">
Thumb1
</div>
JS
var addclass = 'color';
var $cols = $('.divs').click(function(e) {
$cols.removeClass(addclass);
$(this).addClass(addclass);
});
CSS
.color {
background-color: yellow;
}
来源:- How can I highlight a selected list item with jquery?
按要求修改。
关于javascript - 高亮显示 div onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30810821/