jQueryを使用してキャロライセル上の特定のアイテム番号を設定する方法

Question

カルーセルを使用してアイテム（jsonからロードされたアイテム）を表示しますが、スライドごとに表示するアイテムが4つ必要です。これはアイテムを表示するコードです。

<div class="carousel slide" id="myCarousel1" data-interval="false"> 
    <div class="carousel-inner"> 
     <div class="item active"> 
     <ul class="thumbnails" id="output"> 
    </ul> 
</div> 

、これはアイテムをロードするjQueryのスクリプトです：

$(function() { 
     $.ajax({ 
     url: 'ajax_json.php', 
     type: 'POST', 
     data: {get_param: 'value'}, 
     contentType: "application/json; charset=utf-8", 
     dataType: 'json', 
     success: function(data) { 
     $.each(data, function(index, item) { 
     $('#output').append('<li class="caption"><div class="col-md-3"><div class="item_img"><img src="' +item.image+ '" /></div><div class="item_title">"' +item.title+ '"</div><div class="item_descr">'+ item.description +'</div></div></li>'); 

     }); 
     } 
    }); 
}); 

スライドあたり4つ以上の項目を表示このコードが、私は、私はこれを行うことができますどのようにちょうど4.Anyアイデアを見せたいですか？

Answer 1

変更、このような成功方法：

success: function(data) { 
    $.each(data, function(index, item) { 
     if(index < 4){ 
      $('#output').append('<li class="caption"><div class="col-md-3"><div class="item_img"><img src="' +item.image+ '" /></div><div class="item_title">"' +item.title+ '"</div><div class="item_descr">'+ item.description +'</div></div> </li>'); 
     } 
    });