请问下 当我选择了一种颜色 怎么才能使这三个div 变成同一个颜色


<!DOCTYPE html>
<html>
 <head> 
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
  <title>颜色选择器</title> 
<style>
body,blockquote {margin:0;padding:0;font-size:12px;font-family:"微软雅黑",Verdana,Arial}
 
.cp2{
width:100px;
height:100px;
background:#CCC;
margin-top:20px;
margin-left:20px;
float:left;
}

</style> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.colorpicker.js"></script> 
 </head> 
 <body> 
  <div id="container"> 
   
   <div type="text" class="cp2"></div>
   <div type="text" class="cp2"></div>
   <div type="text" class="cp2"></div>
    
  </div> 
  <script type="text/javascript">
    $(function(){
        $(".cp2").colorpicker({
            success:function(o,color){
                $(o).css("background-color",color);
            }
        });                
    });
</script>    
 </body>
</html>

解决方案 »

  1.   

    $(o).css("background-color",color);
    改成
    $(".cp2").css("background-color",color);
      

  2.   


    $(o).css("background-color",color);
    改成：
    $(".cp2").css("background-color",color);试试
      

  3.   


    谢谢 可以了在请问下当我点击保存的时候  这么才能使用灰色的div 也变成绿色啊
      

  4.   

    $("#graydivid").css("background-color",color);
      

  5.   

    谢谢 可以了当我点击保存的时候  这么才能使用灰色的div 也变成绿色啊
      

  6.   

    一样的呀~
    你给保存按钮绑个click事件函数 指定灰色的那个div变色就行