jquery - 将一个元素的文本颜色设置为另一元素的背景颜色

Question

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

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>

Answer 1

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

FIDDLE