如何使用jQuery在Caroysel上設置特定項目編號

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