JQuery中的限制列表選擇/ ajax

Question

其他問題與此類似，但我的問題僅僅是我不知道該把信息放在哪裏。這就是說，我試圖限制從下面的腳本內部的列表中拉出的項目的數量。腳本本身工作正常，我只需要將項目數量限制爲六個而不是一切。我覺得這很容易，但是我從其他帖子插入的每行代碼都不適合我。任何幫助？

(function($){ 
$.ajax({ 
      type: "GET", 
      url: "/homepage_photo_slider/PhotoGallery.xml", 
      dataType: "xml", 
      success: function(xml) { 
       $(xml).find('img').each(function() { 
        var location = '/homepage_photo_slider/'; 
        var url = $(this).attr('src'); 
        var alt = $(this).attr('alt'); 

        $('<li></li>').html('<a href="'+location+''+url+'" class="pirobox" rel="gallery" title="'+alt+'"><img class="thumb" src="'+location+''+url+'" alt="'+alt+'" title="'+alt+'" /></a>').appendTo('#gallery-ul'); 

      }); 
      $().piroBox_ext({ 
      piro_speed : 700, 
      bg_alpha : 0.5, 
      piro_scroll : true 
    }); 
      }  
     });  
})(jQuery); 

Answer 1

未經測試，但我認爲這應該工作。我只更改了一行，這在註釋中標出。我用切片法將each之前裁減數組六大要素：

(function($){ 
$.ajax({ 
      type: "GET", 
      url: "/homepage_photo_slider/PhotoGallery.xml", 
      dataType: "xml", 
      success: function(xml) { 
       $(xml).find('img').slice(0,6).each(function() { // <--- CHANGED LINE HERE 
        var location = '/homepage_photo_slider/'; 
        var url = $(this).attr('src'); 
        var alt = $(this).attr('alt'); 

        $('<li></li>').html('<a href="'+location+''+url+'" class="pirobox" rel="gallery" title="'+alt+'"><img class="thumb" src="'+location+''+url+'" alt="'+alt+'" title="'+alt+'" /></a>').appendTo('#gallery-ul'); 

      }); 
      $().piroBox_ext({ 
      piro_speed : 700, 
      bg_alpha : 0.5, 
      piro_scroll : true 
    }); 
      }  
     });  
})(jQuery); 

Answer 2

嘗試一個for循環，而不是你的。每（）方法：

var $images = $(xml).find('img'); 
for(var i = 0; i < 6; i++) 
{ 
    var $image = $($images[i]) 
    var location = '/homepage_photo_slider/'; 
    var url = $image.attr('src'); 
    var alt = $image.attr('alt'); 

    $('<li></li>').html('<a href="'+location+''+url+'" class="pirobox" rel="gallery" title="'+alt+'"><img class="thumb" src="'+location+''+url+'" alt="'+alt+'" title="'+alt+'" /></a>').appendTo('#gallery-ul'); 
}