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

【问题标题】：Set text color of one element to bg color of another element将一个元素的文本颜色设置为另一个元素的 bg 颜色
【发布时间】：2012-03-12 20:59:51
【问题描述】：

我正在尝试通过动态设置文本颜色以匹配背景颜色来在颜色选择器中创建透明文本的错觉。

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>

【问题讨论】：

您的选择器错误，如果您按 id 选择，则必须在选择器中添加 # 前缀

标签： jquery css jscolor

【解决方案1】：

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

FIDDLE

【讨论】：

呃，我不敢相信我错过了。谢谢！
@zzxjoanw - 没问题！如果答案正确，记得接受。