jquery - 每次用jquery在css中用那种颜色替换这种颜色

Question

我有很多 div，其中一些有 background-color: #aaa，其他有 font color: #aaa，以及其他 border-color: #aaa。其他 div 有不同的颜色，没关系。

我想在 CSS 中将这些颜色 (#aaa) 更改为 #ccc。
我知道如何更改背景 div 颜色，但这不是问题所在，我有太多 div 无法一一更改。

我正在尝试找到一个 jQuery 函数，它可以让我找到一个词(此处为 #aaa)并将其替换为其他 (#ccc) CSS。

应该是这样，但我的代码不正确:

$("*").if(backgroundColor == "#aaa"){replace by "#ccc"},
if(color == "#aaa"){replace by "#ccc"}, if(borderColor == "#aaa"){replace by "#ccc"}, etc..

Answer 1

您想遍历所需类型的所有元素(在本例中我选择了 div，因为它非常常见)并像这样动态分配颜色:

HTML:

<div id="one">Some text</div>
<div id="two">Some text</div>
<div id="three">Some text</div>
<div id="four">Some text</div>
<div id="change">
    <input type="button" value="Change Colors!" />
</div>

JQuery:

$("#change").click(function () {
    $("div").each(function () {
        var color = $(this).css("color");
        if (color == "rgb(170, 170, 170)") {
            $(this).css("color", "#ccc");
        }
    });
});

注意:JQuery .css() 返回像 rgb(r, g, b) 这样的 RGB 颜色值，因此您需要将返回的 RGB 值转换为 HEX 值。这可以通过编程方式完成，但不在本问题的范围内。

CSS:

#one, #two {
    color: #aaa;
}
#three, #four {
    color: green;
}

这是 JSFiddle:

http://jsfiddle.net/hQkk3/44/