2017-11-05 17 views
1

$.map으로 json 데이터를 통한 반복에 대한 질문이 있습니다. 내 코드를 볼 수 있습니다. 내 목표는 iterration으로 시간당 1 개의 제목 만 추가하는 것입니다. 제목 2 제목 2 제목 등등)하지만 지금은 모두 사용하고 있습니다. return $('.card-title').append(post.title[i]); 각 항목의 편지를 받았으니 아무에게도 조언 해주세요. 고마워요.맵 반복, 맵 함수로 시간당 하나의 항목 만 가져 오는 방법

$(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를 추가 할 것을 시도 할 때 모든 품목은 대신 추가된다 나는 시간당 다만 1 개의 품목을 추가하고 싶다 –

답변

2

당신은 .append(function)를 사용

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

또는 대체 난 당신의 코드에 문제가 표시되지 않습니다 $.map()

$(".card-title").append(function(i, el) { 
    return data[i].post.title 
});