如何在使用jquery单击另一个div时更改div颜色?
我是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一次。第二,有更好的方法来附加这个。请接受以下未经测试的示例,它应该可以工作,但需要一些测试 $("
是一个示例$(“#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>