0

我正在尝试将 JSON 推送到 div 中。

data[i].restaurant.name 理想情况下作为文本进入 div。data[i].restaurant.ambienceRating 理想情况下作为 .data("ambienceRating") 进入 div

无论如何，这就是我想要完成的。

$.getJSON('data.json', function(data) {
        console.log(data[0].restaurant.ambienceRating);
        var output="<ul>";
        for (var i=0; i < data.length; i++) {
            output+="<li id=" + i + ">" + data[i].restaurant.name + "</li>";
        }

        output+="</ul>";
        document.getElementById("films").innerHTML=output;

});

我应该如何以及在哪里推动 ambienceRating 以便以后能够检索它？我尝试放入$( this ).data("ambienceRating", data[i].restaurant.ambienceRating)for 循环，但它作为 [Object object] 字符串出现。

编辑： for 循环内的日志记录（ this ）返回 data.json 对象

data[i].restaurant.ambienceRating 为“10”（字符串，NaN）

http://jsfiddle.net/techii/JtQyr/

4

1 回答 1

1

通过向 li 添加数据属性将数据添加到 li。

$.getJSON('data.json', function(data) {
        console.log(data[0].restaurant.ambienceRating);
        var output="<ul>";
        for (var i=0; i < data.length; i++) {
            output+="<li data-ambience-rating='" + data[i].restaurant.ambienceRating + "' id='" + i + "'>" + data[i].restaurant.name + "</li>";
        }

        output+="</ul>";
        document.getElementById("films").innerHTML=output;

});

现在您可以稍后访问它console.log( $(oneli).data("ambienceRating") )

于 2013-02-04T15:41:19.267 回答