jquery - 如何为检查 json 数据的 div 设置不同的类

Question

如何从 json 中检查 true 或 false，并在 true 或 false 时为 div 放置不同的 css:

例如json:

{
    "Object": [
    {
        "test": true,
        "number": "001"
    }, {
        "test": false,
        "number": "002"
    }, {
        "test": false,
        "number": "003"
    }, {
        "test": true,
        "number": "004"
    }]
}

我创建了 html:

<div class="test" id="001">001</div>
<div class="test" id="002">002</div>
<div class="test" id="003">003</div>
<div class="test" id="004">004</div>

我试过类似的东西，但这是错误的......

if (test == 'true') {
$(".test").css("background-color", "blue");
} else {
$(".test").css("background-color", "red");
}

Answer 1

$.each(json.Object, function(index, value) {
    $number = $("#"+value.number);
    if(value.test) $number.css("background-color", "blue");
    else $number.css("background-color", "red");
});

或

$.each(json.Object, function(index, value) {
    $("#"+value.number).css("background-color", (value.test ? "blue" : "red"));
});

jsFiddle example