Comment puis-je changer la couleur de fond avec jQuery?

J'ai un tableau qui ressemble à ceci:

tracker[0] = false
tracker[1] = true
tracker[2] = true
tracker[3] = false

et certains Div sur mon formulaire qui ressemblent à ceci:

<div id="tracker_0"> </div>
<div id="tracker_1"> </div>
<div id="tracker_2"> </div>
<div id="tracker_3"> </div>

Ce dont j'ai besoin est de changer la couleur de fond de mon Div est rouge ou vert en fonction de la valeur de mon tracker tableau. C'est un tableau de taille variable.

Quelqu'un peut-il me donner quelques conseils sur comment je pourrais faire cela à l'aide de jQuery. J'ai vraiment peu d'expérience avec ce, donc je serais très reconnaissant de toute aide.

merci, Marilou

Juste poser les code pour résoudre un problème ne sera probablement pas demander beaucoup de réponse. Si vous avez essayé quelque chose et il n'est pas alors le poste de travail et que les gens pourraient les aider.
Je comprends, mais je suis très nouveau pour jQuery donc tout simplement à la recherche pour obtenir des conseils. Merci

OriginalL'auteur MikeSwanson | 2011-04-23

  1. 7

    Sans code, il est impossible d'écrire du code qui fonctionne, mais peut être quelque chose comme ceci:

    function (){
    var i = 0;
    $("#divWrapper div").each(function(){
        if(tracker[i])
            $(this).css("background-color","red");
        else
            $(this).css("background-color","green");
        i++;
    });
}

    Où cette fonction est un paramètre de votre déclencheur

    Edit:

    Maintenant que vous avez fourni le code, essayez ceci:

    for(i=0; i<tracker.length; i++)
{
    if(tracker[i])
        $("#tracker_"+i).css("background-color","green");
    else
        $("#tracker_"+i).css("background-color","red");
}
    Mon Div à l'Id de tracker_0, tracker_1 etc. Pouvez-vous m'expliquer comment je peux mettre en place pour faire un "chaque" sur chacun de ces. Comment puis-je faire le sélectionner: "#divWrapper div". Merci pour votre aide jusqu'à présent.
    Je viens de voir votre mise à jour. Je vais essayer maintenant. merci
    Je vous remercie pour votre aide. Il fonctionne bien.

    OriginalL'auteur Ortiga

  2. 5
    $.each(tracker, function (i, bool) {
    $('#tracker_'+i).css('backgroundColor', bool ? 'green' : 'red');
});
    merci pour votre aide. Je n'ai pas encore essayer votre méthode mais je vais essayer maintenant. J'espère que u n'a pas l'esprit, mais je vais mark Andre réponse comme correcte, car il a répondu en premier. Marilou
    Tout ce que vous voulez est bien-pour l'avenir, cependant, je l'recommander jusqu'à droit de vote de ceux que vous trouverez à être de bonnes réponses, et seulement le choix de la "réponse" après que vous obtenez un nombre de voix--qui permettra également de mieux mettre en évidence ce que vous pensez être la meilleure réponse pour le futur, les personnes visitant la page.

    OriginalL'auteur Brett Zamir