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，它可能会有所帮助。