将一个元素的文本颜色设置为另一个元素的bg颜色

我试图通过动态设置文本颜色以匹配背景颜色来创建colorpicker中的透明文本的错觉。将一个元素的文本颜色设置为另一个元素的bg颜色

jquery的最后一行似乎有些问题。到目前为止，我已经是这样的：

$('.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>

来源

2012-03-12 zzxjoanw

你的选择是错误的，如果你的ID选择哟必须添加的'前缀＃'对选择器 – gdoron 2012-03-12 21:00:56

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

FIDDLE

来源

2012-03-12 21:01:14 adeneo

呃，我不能相信我错过了那个。谢谢！ – zzxjoanw 2012-03-12 21:02:37

@zzxjoanw - 没问题！如果它是正确的，请记得接受答案。 – adeneo 2012-03-12 21:08:38

将一个元素的文本颜色设置为另一个元素的bg颜色

回答

相关问题