如何在使用jquery點擊另一個div時更改div顏色？

剛剛jquery。我在div裏面有一些顏色。如果我點擊任何一種顏色，它應該影響另一個div的背景顏色。我從數據庫中獲取這些顏色。如何做到這一點？如何在使用jquery點擊另一個div時更改div顏色？

例如：

<?php 
    $result = dbclass::convert_array($res);// retrieving colors here 
    for($i = 0; $i < $rows; $i++) 
    { ?> 
    <div id="Color" style="background-color:<?php echo $result[$i][1];?>; width:32px; height:26px;" onclick="changeColor(<?=$result[$i][1];?>)"> 
    </div> 
    <? 
    } 
    ?> 

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

function changeColor(newColor) 
{ 
    $(#changableColor) // then how to write? 
}

我需要改變「ID = changableColor」的背景顏色.intially它有白色的背景顏色？

謝謝。

來源

2011-06-17 ssss05

第6行代碼都非常難讀，所以我重寫了他們。您在混合<?php和<?這不是好習慣，而for loop的樣式在HTML和PHP之間的切換也已更改時應該使用。儘管如此，很多情況都是偏好，所以請隨意不同意或將其改回。

<? 
$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); 
}

來源

2011-06-17 06:13:39

雅罰款....是正確的，我已經寫onclick ...它會傳遞值函數?? bcoz我沒有得到任何值，當我使用警報到該功能？ – ssss05 2011-06-17 06:34:44

現在試試吧，我錯過了'echo'：P – 2011-06-17 06:36:07

沒有運氣....仍然沒有顯示.. – ssss05 2011-06-17 06:45:46

$("#changableColor").css("background","#fff");

HERE就是一個例子

來源

2011-06-17 06:10:37 Rafay

$("#changableColor").css("backgroundColor","#colorCode");

來源

2011-06-17 06:13:04

你的代碼有很多問題。首先，你在for循環中使用一個ID而不是一個類，你應該只使用一次ID。其次，有更好的方法來附加這一點。請接受下面和未經測試的例子，它應該工作，但需要一些測試。

<?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>

如果您需要更多幫助，請發表評論。

來源

2011-06-17 07:13:20 Mitch

如果你喜歡它，請投票這個解決方案:-) – Mitch 2011-06-17 07:13:38

如何在使用jquery點擊另一個div時更改div顏色？

回答

相關問題