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 をプッシュする方法と場所を教えてください。forループに入れてみ$( this ).data("ambienceRating", data[i].restaurant.ambienceRating)ましたが、[オブジェクトオブジェクト]文字列として出てきます。

編集: 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 に答える