각 루프를 $ 루프마다 반복하십시오.

Question

jQuery $ each 함수를 사용하여 JSON 배열을 반복하고 있습니다. 나는 여기에 엄청나게 두꺼운 생각하지만, 각 반복에 컨테이너 div에있는 3 요소를 포장하고 싶습니다. 제발 조언 해 줘?

success: function(data) { 
    var access = data.query.results.json.data; 
    $.each(access, function(index, value) { 
    var ob = value; 
    $(".front-page .main .object").append('<img class="post-image" src="' + ob.images.standard_resolution.url + '">'); 
    $(".front-page .main .object").append('<div class="post-caption">' + ob.caption.text + '"</div>'); 
    $(".front-page .main .object").append('<div class="post-tags">' + ob.tags + '"</div>'); 
    }); 
}, 

Answer 1

당신이, 래퍼 개체를 만들고 여기에 세 가지 항목을 추가 할 수 있음을하려면, 다음 대상에 래퍼를 추가,이 같은 : 당신의 도움에 대한

var access = data.query.results.json.data.forEach(function(obj) { 
    var $wrapper = $('<div />').appendTo('.front-page .main .object'); 
    $wrapper.append(`<img class="post-image" src="${obj.images.standard_resolution.url}" /> 
    <div class="post-caption">${obj.caption.text}</div> 
    <div class="post-tags">${obj.tags}</div>`); 
});