jquery .each（）函数问题对象

Question

您好我正在制作Carousel引导程序菜单。 任何人都可以告诉我，我的错误在哪里？ 这是JS代码

import random
[int(random.gammavariate(3, 3)) if x < 21 else 20 for x in range(1)]

Out[59]: [22]

HTML代码

        $.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;
      }
  });  

输出就像

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

首先.item div包括image-0，image-1和image-2（而且它的类是活动的项目） 下一个.item div包括image-3，image-4，image-5（只是解析连续3个中的对象）。

有人可以帮助我吗？

Answer 1

尝试这个脚本，每三次迭代创建一个项目，放置子元素和图像，就像帖子中描述的那样。

$.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');