javascript - 将所有 JSON 值放入单独的 中

Question

我对 JSON 还很陌生。我想做的是我有一个包含 3 个对象的 JSON，我想将每个对象放入各自的对象中(有 3 个 div)。下面的代码不会向

添加任何内容

HTML:

    var testwrapper= $("<div/>").addClass("testwrapper").appendTo(somethingwrapper);
    var test1wrapper= $("<div/>").addClass("test One").appendTo(testwrapper);
    var test2rapper= $("<div/>").addClass("test Two").appendTo(testwrapper);
    var test3wrapper= $("<div/>").addClass("test Three").appendTo(testwrapper);

    <div class="Test One"></div>
    <div class="Test Two"></div>
    <div class="Test Three"></div>

JSON:

function dummytestJSON(){
         testJSON = {
            "Test" : 
            [
                {
                    "img" : "../img/test1.png",
                    "title" : "Test1",
                    "description" : "you have notification",
                    "time" : "2 mins ago"
                },
                {
                    "img" : "../img/test2.png",
                    "title" : "Test2",
                    "description" : "you have alerts",
                    "time" : "4 mins ago"
                },
                {
                    "img" : "../img/test3.png",
                    "title" : "Test3",
                    "description" : "you have notifications",
                    "time" : "9 mins ago"
                }
            ]
        };  
        //console.log(testJSON .Test_);
        return JSON.stringify(testJSON );
    }

脚本:

function updateTest(){
    console.log("updating test");
    //console.log(testJSON);
    dummytestJSON();
    var testwrapper = ["Test One","Test Two","Test Three"];
    for(var test in testJSON.Test_){
        console.log(testJSON.Test_[test].title);

        var text = $("<p/>").text(testJSON.Test_[test ].title).appendTo("#"+testwrapper [test ]);

    }

}

Answer 1

我看到这个更正:

方法 dummytestJSON()，需要返回 clean JSON ，返回 testJSON;

并在方法 updateTest 中:

function updateTest(){
    console.log("updating test");
    //console.log(testJSON);
    var Test_ = dummytestJSON();
    var testwrapper = ["Test One","Test Two","Test Three"];
    for(var test in Test_){
        console.log(Test_[test].title);

        var text = $("<p/>").text(Test_[test ].title).appendTo("#"+testwrapper [test ]);

    }

}