jquery - 将文本颜色设置为父 Div 的背景颜色

Question

http://jsfiddle.net/EBPg9/2/

我正在做一个小元素，我有多个五颜六色的元素，以及其中的标签。我不想为文本和背景指定颜色，而是只想获取父 div 的背景颜色并将其分配给我的文本颜色。

我当前的 jQuery 看起来像这样:

$(".infobox").each(function() {
     var tagcolor =    $(this).closest('.info').css('background');
     $(this).css('color',tagcolor);
     alert(tagcolor);
});

我的 HTML 是

<div class="info" style="background: #408FCE;">
    <div class="infobox">
        tags
    </div>
</div>

正如您从我的 jQuery 中看到的那样，我创建了一个警报，它将向我显示变量“tagcolor”的值，奇怪的是它似乎得到了所有其他不需要的 CSS 值，即使我指定了“背景”。我不知道我做错了什么，我该如何解决？

编辑:在这里做了一些研究；

What is the difference between background and background-color

显然“背景”返回了一堆不同的东西。

Answer 1

您可以使用“background”属性来应用一系列关于背景的值，例如:

background: #123456 url('http://www.path.to.your.image.com') left top no-repeat;

它比以下短得多:

background-color:#123456;
background-image:'http://www.path.to.your.image.com';
background-position:left top;
background-repeat:no-repeat;

当您检索“background”属性时，您将获得所有值(如果未指定则为默认值)。而只是查询 css“background-color”属性。