选择随机 <li> 元素

Question

我正在尝试为我的 HTML 5 播放器制作一个随机播放按钮。我的播放器设置如下：

    $('.nextbutton').on("click", function(){
    var next = $('li.playing').next();
        if (!next.length) next = $('#stuff ul li').first();
        next.addClass('playing').siblings().removeClass('playing');
        var title = $('a#tunes img', next).attr("title");
            $("a.songtitle span").text(title);
        var artist = $('a#tunes img', next).attr("artist");
            $("a.songartist span").text(artist);
        audio.load($('a#tunes', next).attr('data-src'));
        audio.play();
    });

此代码可以转到下一首歌曲，但我如何更改它以使其选择随机的 <li> 元素而不是 .next(); <li>？感谢您的时间和考虑。希望你能帮助我！

Answer 1

var next = Math.floor(Math.random() * jQuery('#stuff ul li').length + 1));
var nextLi = jQuery('#stuff ul li').get(next);

它会得到0到lis计数之间的随机数，然后得到这个li。

Answer 2

你可以使用像

这样的随机数生成器

var rand =  Math.floor(Math.random() * jQuery('#stuff ul li').length + 1);

或

var rand =  Math.ceil(Math.random() *( jQuery('#stuff ul li').length + 1));

用于获取列表中的随机歌曲编号，然后像这样获取对应的项目：

var next = $('#stuff ul li').get(rand);