随机播放 jQuery 选择

Question

我正在尝试打乱 jQuery 选择的顺序不打乱 DOM 中的元素。

我需要打乱选择，以随机顺序为每个元素添加一个类，这就是我的代码的外观：

$(".item").shuffle().each(function (i, element) {
    $(element).delay(i * 100).queue(function (next) {
        $(this).addClass("shown");
        next();
    });
});

谁能帮我找到我需要的shuffle()函数？

Answer 1

我从this answer借用了Array.shuffle的方法，做成了一个jQuery插件

$.fn.shuffle = function(){
    for(var j, x, i = this.length; i; j = Math.floor(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x);
    return this;
};

FIDDLE

Answer 2

$.fn.shuffle = function () {
    'use strict';
    var self = this,
        i,
        rnd,
        len = self.length - 1;
    for (i = len; i > 0; i -= 1) {
        rnd = Math.floor(Math.random() * len) % i;
        [self[i], self[rnd]] = [self[rnd], self[i]];
    }
    return self;
}