如何将每个迭代包装在 $each 循环中？答案

【问题标题】：How to wrap each iteration in $each loop?如何将每个迭代包装在 $each 循环中？
【发布时间】：2017-10-06 10:40:54
【问题描述】：

我正在使用 jQuery $each 函数遍历 JSON 数组。我认为我在这里非常厚，但我想在每次迭代时将 3 个元素包装在一个容器 div 中。请指教？

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

【问题讨论】：

标签： javascript jquery json loops

【解决方案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>`);
});

【讨论】：