0

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");
}
4

2 に答える 2

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 の例

于 2013-06-19T21:45:03.893 に答える
0

この質問を続けることができれば...どうすれば青い背景色の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");
                        });        
        });
于 2013-06-22T12:36:07.450 に答える