Javascript each（）函数发出对象

你好，我正在制作旋转木马引导菜单。 谁能告诉我，我的臭虫在哪里？ 这是JS代码

        $.each( data.items, function( i, item ) {
      if (i == 0)
        $("<div>").addClass("item active").appendTo("#images");
      if ((i+1) % 3 == 0)
        $("<div>").addClass("item").appendTo("#images");

      $("<div>").attr("id", "image-" + i).addClass("col-sm-4 text-center").appendTo(".item");
      $("<a>").attr({
        "href" : "#",
        "class": "thumbnail",
        "id" : "thumb-" + i
      }).appendTo("#image-" + i);
      $( "<img>" ).attr("src", item.media.m).appendTo("#thumb-" + i);
      if ( i === 8 ) {
        return false;
      }
  });  

$。每个（数据项、函数（i、项）{
如果（i==0）
$（“”）.addClass（“项目活动”）.appendTo（“#图像”）；
如果（（i+1）%3==0）
$（“”）.addClass（“项”）.appendTo（“图像”）；
$（“”）.attr（“id”，“image-”+i）.addClass（“col-sm-4文本中心”）.appendTo（“.item”）；
$("

输出类似于

我只需要将这些对象解析为潜水

和第一个一样。item div包括image-0、image-1和image-2（它的类是item-active） 下一个.item div包括image-3、image-4和image-5（只需分析一行中3个对象）

---

有人能帮我吗？

试试这个脚本，每三次迭代创建一个项目，一个put子元素和图像，就像你在文章中描述的那样

$.each(data.items, function(i, item) {
  // Create a div.item each 3 iterations
  if(i % 3 === 0) {
     $("#images").append('<div class="item"></div>');
  }

  // Get the last item and append images to it
  $("div.item").last().append('<div id="image-' + i + '" class="col-sm-4 text-center"></div>');

  // Append a href in element
  $("div#image-" + i).append('<a href="#" id="thumb-' + i + '" class="thumbnail"></a>');

  // Append image
  $("a#thumb-" + i).html('<img src="' + item.media.m + '"/>');
});

  // Then put the active class on the first item.
  $("div.item").first().addClass('active');

$。每个（数据项、函数（i、项）{
//每3次迭代创建一个div.item
如果（i%3==0）{
$（“#图像”）。附加（“”）；
}
//获取最后一项并向其附加图像
$（“div.item”）.last（）.append（“”）；
//在元素中附加href
$（“div#image-”+i）.append（“”）；
//附加图像
$（“拇指-”+i）.html（“”）；
});
//然后将活动类放在第一项上。
$（“div.item”）.first（）.addClass（'active'）；

它正在解析数组，但没有图像。Img不会追加。我已经修复了$（“a#thumb-”+I）（虽然没有，但仍然不起作用。我在JSBin中测试了它，效果很好。当你检查结果时运行此代码，你可以看到正确的输出。我看不到图片。这是执行后的HTML代码。你是对的，append方法对标记不起作用。你必须使用HTML方法。我编辑了我的代码。

$.each(data.items, function(i, item) {
  // Create a div.item each 3 iterations
  if(i % 3 === 0) {
     $("#images").append('<div class="item"></div>');
  }

  // Get the last item and append images to it
  $("div.item").last().append('<div id="image-' + i + '" class="col-sm-4 text-center"></div>');

  // Append a href in element
  $("div#image-" + i).append('<a href="#" id="thumb-' + i + '" class="thumbnail"></a>');

  // Append image
  $("a#thumb-" + i).html('<img src="' + item.media.m + '"/>');
});

  // Then put the active class on the first item.
  $("div.item").first().addClass('active');