javascript - 高亮显示 div onclick

标签 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/

相关文章:

java - 当 JS 在 Chrome 控制台上正常工作时,Selenium JavaScript 执行器返回 null

按住鼠标时JavaScript重复 Action

javascript - 在域级别使用 jQuery 编写 href

javascript - 数组字符串到 int、highcharts、javascript

jquery - 第二次更改下拉框时出错

php - 需要按日期水平显示记录

image - 如何让响应式图片和字幕和谐相处?

javascript - Vanilla JS + VueJS : Scroll to top of div on button click

javascript - 使用确认对话框提交表单时丢失按钮值

html - CSS缓存问题