JQuery 5随机图像

Question

我一直在研究一个最近的小项目，我正在制作一个用户可以选择和购买的项目列表，现在我放在一起的代码几乎显示了文件夹中的每个项目并且延迟了我的浏览器，因此我想让它只生成5个随机图像。这是我的代码：

 var items_folder = "images/items/"; 
     $.ajax({ 
      url : items_folder, 
      success: function (data) { 
       $(data).find("a").attr("href", function (i, val) { 
        if (val.match(/\.(jpe?g|png)$/)) { 
         $('<li><img src="' + items_folder + val + '" height="80px" width="90px"/></li>').appendTo('#items'); 
        } 
       }); 
      } 
     }); 

我该如何去做这件事？

Answer 1

您可以选择五胡乱的HREF本

var randomHrefs = $(data).find("a").get().sort(function() { 
    return Math.round(Math.random()) - 0.5 
}).slice(0, 5); 

，然后通过他们与

$(randomHrefs).attr("href", function(i, val) { 
    //put your logic here, as in your code 
} 

这question/answers迭代（为了显示他们）对我帮助很大。检查我的简单demo也，它可能会有所帮助。