背景色移転

Question

これは実際にですが、私は睡眠不足（新生児）で、この権利を得ることができません。

divがクリックされたときにjQueryを使用してそのdivのbg-color（var currentColor）を取得し、別のdiv（子の親でも兄弟でもない）に設定するのは簡単です。

は、ここに私のjqueryのコードです：

$("#bacon div").click(function(){ 
    var currentColor = $(this).css("background-color"); 
    $("#chosenColor").css("backgroundColor" , "currentColor"); 

}); 

そして、フィドルはここにある：私は間違って何をやっているhttp://jsfiddle.net/dYhMp/

？間違ったアプローチを取ったのか、私の脳はあまりにも揚げすぎて、ここで何が起きているのか理解できませんでしたか？ :)

Answer 1

あなただけの二"currentColor"周りの引用符を削除する必要があります。

$("#bacon div").click(function(){ 
    var currentColor = $(this).css("background-color"); 
    $("#chosenColor").css("backgroundColor" , currentColor); 
}); 

http://jsfiddle.net/dYhMp/3/

Answer 2

あなたが引用符の間の変数名を置きます。それらを削除します。

$("#chosenColor").css("backgroundColor" , currentColor); 

Answer 3

currentColorは色文字列を含む変数です。 "currentColor"は文字列です。それが変数であるとして、CSSを設定する際currentColorに二重引用符を削除

$("#chosenColor").css("backgroundColor" , currentColor); 

:)

Answer 4

あなたはそれを修正し、文字列として "currentColor" を持っています。私はそれをチェックし、それが動作します：

$("#bacon div").click(function(){ 
    var currentColor = $(this).css("background-color"); 
    $("#chosenColor").css("backgroundColor" , currentColor); 

}); 

Answer 5

：

$("#bacon div").click(function(){ 
    var currentColor = $(this).css("background-color"); 
    $("#chosenColor").css("backgroundColor" , currentColor); 
});