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

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

2 个答案: