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

Question

如何从 json 检查真假，如果真或假，则为 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 示例

Answer 2

如果我可以继续这个问题......我如何设置只点击蓝色背景颜色的 div 并禁用点击红色 div？

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