每次使用jquery在css中用这种颜色代替这种颜色

我有很多div ,其中一些有background-color: #aaa ,其他的有字体color: #aaa和其他border-color: #aaa 。 其他div有不同的颜色,没关系。

我想在CSS #ccc这些颜色( #aaa )更改为#ccc
我知道如何改变背景div颜色,但在这里,这是没有问题的,我有太多div S按一个去改变的一个。

我试图找到一个jQuery函数,它可以让我找到一个单词(这里是#aaa ),并用CSS中的其他( #ccc )代替它。

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

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

你想遍历你想要的类型的所有元素(在这种情况下,我选择了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颜色值,如rgb(r,g,b),因此您需要将返回的RGB值转换为HEX值。 这可以通过编程方式完成,但不在此问题的范围之内。

CSS:

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

这里是JSFiddle:

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

链接地址: http://www.djcxy.com/p/71855.html

上一篇: Replace everytime this color by that color in css with jquery

下一篇: HTTP 401 Unauthorized when not using HTTP basic auth?