Question

我想从名为songs.html的html页面中获取4个随机列表项其中包含如下格式：

<ul>
   <li value="1">..songname1..</li>
   <li value="2">..songname2..</li>
   <li value="3">...</li>
</ul>

这是我的jquery代码：

var list = [];
$.get('songs.html', function(list){

});

Answer 1

你可以这样做：

var list = [];
var numberToPick = 4;

$.get('songs.html', function(page){
    var elements = $(page).find('li').length,
        randomIndex;
    if (elements.length <= numberToPick)
        list = elements;
    else
        while(list.count < numberToPick) {
            randomIndex = Math.floor((Math.random() * list.count));
            if ($.inArray(elements[randomIndex], list) == -1)
                list.push(elements[randomIndex]);
        }
});

这将迭代直到它获得4个不同的元素。如果不需要这个条件，你可以循环4次。如果列表低于预期的元素数量，它将返回所有元素。

如何在jquery中从HTML文件中随机选择列表项？

1 个答案: