如何使用jQuery更改背景颜色？

Question

我有一个看起来像这样的数组:

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

我的表单上的一些Div看起来像这样:

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

我需要的是根据我的跟踪器阵列的值将我的Div的背景颜色更改为红色或绿色.这是一个可变大小的数组.

有人可以给我一些指示我如何使用jQuery做到这一点.我真的没什么经验,所以我非常感谢任何帮助.

谢谢你,Marilou

Answer 1

没有一些代码,编写工作代码是不可能的,但可以是这样的:

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

此函数是触发器的参数

编辑:

既然你提供了代码,试试这个:

for(i=0; i<tracker.length; i++)
{
    if(tracker[i])
        $("#tracker_"+i).css("background-color","green");
    else
        $("#tracker_"+i).css("background-color","red");
}

Answer 2

$.each(tracker, function (i, bool) {
    $('#tracker_'+i).css('backgroundColor', bool ? 'green' : 'red');
});