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

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'));

小提琴