如何在使用jquery单击另一个div时更改div颜色?

如何在使用jquery单击另一个div时更改div颜色?,jquery,html,background-color,Jquery,Html,Background Color,我是jquery的新手。我在一个div里面有一些颜色。如果我点击其中任何一种颜色,它会影响另一个div的背景色。我从数据库中获取这些颜色。怎么做 例: 是一个示例$(“#changableColor”).css(“backgroundColor”,“#colorCode”) 代码的前6行非常难读,所以我重写了它们。您正在混合代码中存在大量问题。首先,在for循环中使用ID而不是类,应该只使用ID一次。第二,有更好的方法来附加这个。请接受以下未经测试的示例,它应该可以工作,但需要一些测试 $("

我是jquery的新手。我在一个div里面有一些颜色。如果我点击其中任何一种颜色,它会影响另一个div的背景色。我从数据库中获取这些颜色。怎么做

例:



是一个示例

$(“#changableColor”).css(“backgroundColor”,“#colorCode”) 代码的前6行非常难读,所以我重写了它们。您正在混合
代码中存在大量问题。首先,在for循环中使用ID而不是类,应该只使用ID一次。第二,有更好的方法来附加这个。请接受以下未经测试的示例,它应该可以工作,但需要一些测试

$("#changableColor").css("backgroundColor","#colorCode");
<?php
    $result = dbclass::convert_array($res); //retrieving colors here
    for($i = 0; $i < $rows; $i++) {
?>

<!--  Using class .color instead of ID -->
<div class="color" style="background-color:<?php echo $result[$i][1];?>; width:32px;  height:26px;">
</div>

<? } ?>

<div id="changableColor" style"background-color:#FFFFFF;"> </div>

<script type="text/javascript">
    $(document).ready(function(){
            // Attaching using a jQuery click function
        $(".color").click(function(){
                    // Using this operator to grab the background-color of the clicked item
            $(#changableColor).css("background-color",$(this).css("background-color"))
        });
    });
</script>


很好…我在onclick上写的正确吗…它会把值传递给函数吗??bcoz当我在函数中使用alert时,我没有得到任何值??现在试试看,我错过了
echo
:PIn您的原始代码除了颜色更改之外,其他一切都正常吗?什么都没有我什么都没做…我只需要更改divya的背景值…我找到了..有趣的是,我将颜色变量作为字符串传递..所以我们需要在('')单引号中输入。。 $("#changableColor").css("backgroundColor","#colorCode");
<?
$result = dbclass::convert_array($res);
$rows = count($result);

for ($i = 0; $i < $rows; $i++) :
?>

<div id="Color" 
style="background-color:<? echo $result[$i][1];?>; width:32px; height:26px;" 
onclick="changeColor(<? echo $result[$i][1]; ?>)">
</div>

<? 
endfor;
?> 

function changeColor(newColor) {
    $('#changableColor').css('background-color', '#' + newColor);
}
<?php
    $result = dbclass::convert_array($res); //retrieving colors here
    for($i = 0; $i < $rows; $i++) {
?>

<!--  Using class .color instead of ID -->
<div class="color" style="background-color:<?php echo $result[$i][1];?>; width:32px;  height:26px;">
</div>

<? } ?>

<div id="changableColor" style"background-color:#FFFFFF;"> </div>

<script type="text/javascript">
    $(document).ready(function(){
            // Attaching using a jQuery click function
        $(".color").click(function(){
                    // Using this operator to grab the background-color of the clicked item
            $(#changableColor).css("background-color",$(this).css("background-color"))
        });
    });
</script>