2017-11-05 13 views
1

$.mapを使用してjsonデータによる繰り返しに関する質問があります。以下は、自分のコードを見ることができます。タイトルは2タイトル、2番目のタイトルは2番目のタイトルなど)しかし、今では私が使用したときにそれらをすべて手に入れましたreturn $('.card-title').append(post.title[i]);私は各項目の手紙を手に入れました。マップの反復、マップ関数jqueryで時間ごとに1つのアイテムを取得する方法

$(document).ready(function(){ 
$.ajax({ 
    method: 'GET', 
    url: 'https://jsonplaceholder.typicode.com/posts', 
    dataType: 'json' 
    }).done(function(data){ 
    console.log(data); 
    $.map(data, function(post ,i){ 
     return $('.card-title').append(post.title); 
    }); 
}); 
}); 
+0

のためのjQueryのコレクションの特定のインデックスを参照するために.eq()を使用することができます。 https://jsfiddle.net/rxnkdxeo/ –

+0

'console.log(JSON.stringify(data))'から得られる出力は何ですか? – trincot

+0

私はそれらのすべてを手に入れましたが、要素にpost.titleを追加しようとすると、代わりにすべての項目が追加されました。 –

答えて

2

あなたは.append(function)を使用して

$(".card-title").eq(i).append(post.title); 

または代替私はあなたのコードに問題が表示されていない$.map()

$(".card-title").append(function(i, el) { 
    return data[i].post.title 
}); 
関連する問題