突出显示div onclick

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

Answer 1

好的，试试这个： –

JSFiddle- http://jsfiddle.net/dtzjN/198/

您需要做的就是，在所有div中都有一个公共类，单击，从每个其他div中删除颜色类，并为单击的div添加颜色类。

 Thumb1 
 
 Thumb1 
 
 Thumb1 
 
 Thumb1  

JS

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

CSS

 .color { background-color: yellow; } 

来源： – 如何使用jquery突出显示所选列表项？

根据要求修改它。

Answer 2

试试下面的内容

 $(document).ready(function() { $Divs = $("div"); $Divs.click(function() { $Divs.removeClass("highlight"); $(this).addClass("highlight"); }); }); 

 .highlight { background: green; } div { display: block; width: 100px } 

  
 
 
First Div
 
 
 
Second Div
 
  

Answer 3

http://jsfiddle.net/uf4jxn5y/

 
 
Html 1
 
Html 2
 
Html 3
  

和JS

 $(document).ready(function() { $("li div").click(function() { $("li div").each(function() { $(this).css("background-color", "transparent"); }); $(this).css("background-color", "#ff3300"); }); }); 

Answer 4

您可以尝试这样的事情：

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

http://jsfiddle.net/HABdx/649/