jQuery .each（）函數發布對象

Question

您好，我正在制作Carousel引導程序菜單。 誰能告訴我我的蟲子在哪里？ 這是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;
      }
  });  

HTML代碼

 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="3000">
<div id="carousel">
    <div id="images" class="row">
    </div> 
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
</a>
<!-- / -->

輸出就像

我只需要將這些對象解析為下潛即可。

像第一個.item div包括image-0，image-1和image-2（並且該類處於活動狀態），下一個.item div包括image-3，image-4，image-5（只需將對象3中的對象解析為行）。

有人能幫我嗎？

Answer 1

嘗試使用此腳本，每三個迭代創建一個項目，一個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');