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