1
JSONファイル(Squarespace)から具体的な情報を取得しようとしていますが、<div>
に追加することを目的としています。私はデータをループして各投稿から場所を取得する必要があります。これは私が使用しているコードです:jQueryを使用したJSONデータのループ
$.getJSON("http://www.theluxedit.com/?format=json-pretty", function(data) {
$.each(data, function(index, value) {
$('.locationData').append(data.items.location.addressLine2);
});
});
私のような、整数を使用してアイテムをspecifiy場合にのみ動作します:
$('.locationData').append(data.items[1].location.addressLine2);
これは私がきた他の例のために働いているようです試してみましたが、おそらくJSONの連結が間違っていますか?
var $locationData = $('.locationData');
$.getJSON("http://www.theluxedit.com/?format=json-pretty", function(data) {
$.each(data.items, function(index, item) {
$locationData.append(getLocationEl(item.location.addressLine2));
});
});
function getLocationEl(address) {
return $('<div>', { text: address });
}
これにより、各反復が異なる項目を見てみましょう:
ループ内のクラスの完全なDOM検索を行うのは効率的ではありません。ループの前に変数に結果を格納し、参照を使用します。 –
優れた点!ありがとうございました。コメントを反映するために更新された投稿。 – akosel
答えを更新しました。テキストを別々の行に表示する場合は、これがうまくいきます。 divの代わりにスパンを使用することもできます。さらに、すべての値を累積してカンマ区切りのリストとして単一の文字列に追加することもできます。 – akosel