2017-10-06 8 views
1

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>'); 
    }); 
}, 

答えて

0

あなたは、ラッパーオブジェクトを作成し、それまでの3つの項目を追加できることを行うには、ターゲットにラッパーを追加し、このような何か:あなたの助けを

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>`); 
}); 
+0

パーフェクト、ありがとう! –

関連する問題