ある要素のテキストの色を別の要素のbgの色に設定します

Question

私は、背景色に合わせてテキストの色を動的に設定することによって、カラーピッカーに透明なテキストの錯覚を作成しようとしています。

jqueryの最後の行に問題があるようです。あなたがidで選択した場合ヨーヨーは `の接頭辞を追加する必要があり、あなたの選択が間違っている

$('.color').blur(function() 
{ 
    id = $(this).attr('id'); 
    id = id.substring(0,id.length-6); 
    $(id).css('color',$(this).css('background-color')); 
}); 

と

<div id="header-wrapper"> 
    <input class="color" id="header-wrapper-color" value="#303030"> 
    <div id="header"> 
     ... 
    </div> 
</div> 

Answer 1

$('#'+id).css('color',$(this).css('background-color')); 

FIDDLE