Remplacer chaque fois que cette couleur par couleur en css avec jquery

J'ai beaucoup de divs, certains d'entre eux ont un background-color: #aaa, d'autres ont de police color: #aaa, et d'autres border-color: #aaa. D'autres divs ont des couleurs différentes, il n'a pas d'importance.

Je veux changer ces couleurs (#aaa) à #ccc partout dans le CSS.
Je sais comment changer de fond div couleur, mais ici ce n'est pas le problème, j'en ai trop divs de les modifier un par un.

J'essaie de trouver une fonction jQuery qui va me permettre de trouver un mot (ici #aaa) et de la remplacer par d'autres (#ccc) dans le CSS.

Il doit être comme ça, mais mon code n'est pas correct :

$("*").if(backgroundColor == "#aaa"){replace by "#ccc"},
if(color == "#aaa"){replace by "#ccc"}, if(borderColor == "#aaa"){replace by "#ccc"}, etc..
Demandez-vous une façon de trouver et de remplacer ce en CSS avec un éditeur de texte par exemple, ou pour faire vivre chaque moment avec JS/JQuery?
Pas pour l'éditeur de texte, je vais vous expliquer. Sur ma page web j'ai un bouton "Changer de couleur" et je veux changer la couleur de mon site web en cliquant sur ce bouton. Il faut que le css change de page. Je suis en train de créer une fonction jquery qui faire des modifications dans le css.
Ah ok. Vous avez maintenant. Êtes-vous essayer de changer tous les éléments de la page ou une partie seulement?
Tous en de la page. Je veux remplacer #aaa par #ccc partout dans la page.
Voir ma réponse ci-dessous.

OriginalL'auteur user2488028 | 2013-06-15

  1. 5

    Vous souhaitez effectuer une itération sur tous les éléments du type que vous voulez (dans ce cas j'ai pris div depuis c'est super commun) et d'affecter la couleur de façon dynamique comme suit:

    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");
        }
    });
});

    REMARQUE: JQuery .css() retourne une valeur de couleur RVB comme rgb(r, g, b) si vous avez besoin de convertir le retour de la valeur RGB d'une valeur HEXADÉCIMALE. Cela peut être fait par programmation, mais est en dehors de la portée de cette question.

    CSS:

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

    Voici le JSFiddle:

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

    Mais ce code va changer div qui n'ont pas la couleur #aaa au début ! Imaginez div 1 et div 2 couleur #aaa mais div 3 et div 4, de la couleur #888, je veux seulement changer div 1 et 2 de #ccc, mais je veux #888 pour rester #888. C'est pourquoi j'ai pour vérifier la couleur de la div au début.
    Quand j'ai dit "Tous les dans la page" j'ai essayé de dire "Tous les div qui ont #aaa couleur dans la page", mais pas "Tous les div dans la page".
    Voir ma réponse mis à jour.
    Il semble être bon, mais c'est pas fini. Je n'ai pas seulement envie de vérifier div mais ul, li, img, etc... je Peux faire $("div,ul,li,a,img,...").each(function () {...}}); ? Et après que j'essaie de trouver non seulement la couleur, mais backgroundcolor ou de la couleur de la bordure en div, ul, li,etc .. Merci
    Oui, vous pouvez plugin quel que soit l'élément que vous voulez pour div. J'ai juste utilisé div comme un exemple.

    OriginalL'auteur Phillip Berger