Question

在jquery中有任何选项可以随机选择具有相同类名的元素(3)吗？

其实我只是想升级 3项，只应该随机

function e(e) {
    var t = $(window).scrollTop(),
        n = t + $(window).height(),
        r = $(e).offset().top,
        i = r + $(e).height() * .8;
    return i >= t && r <= n && i <= n && r >= t
}

function s() {
    if (e(t) && !i) {
        r.each(function (e) {
            $(this).delay(200 + e * 50).animate({
                top: "-110%"
            }, 500)
        }).each(function (e) {
            $(this).delay(200 + e * 100).animate({
                top: "0%"
            }, 500)
        });
        i = !0
    }
    i && $(window).unbind("scroll", s)
}
var n = $("#thumbs"),
    t = $(".thumbnails"),
    r = n.find(".thumb-info"),
    i = !1;
s();
$(window).bind("scroll", s);

DEMO http://jsfiddle.net/sweetmaanu/GgY3Z/

Answer 1

var items = $('.thumbnails');
var random = shuffle(items).slice(0, 3);

说明：

$('.thumbnails')选择课程thumbnails
shuffle()返回数组中的3个随机元素（请查看链接）
.slice(0, 3)获取混洗数组的前3个值。

这是我看到结果的小提琴： Fiddle

Answer 2

使用shuffle算法，例如

function shuffleArray(a) { // Fisher-Yates shuffle, no side effects
    var i = a.length, t, j;
    a = a.slice();
    while (--i) t = a[i], a[i] = a[j = ~~(Math.random() * (i+1))], a[j] = t;
    return a;
}

随机播放元素的数组;

myArray = shuffleArray(myArray);

现在，第一个3项是随机的，因此请使用幻灯片循环播放它们。

var i;
for (i = 0; i < 3 && i < myArray.length; ++i) {
    // slide myArray[i]
}

Answer 3

这是纯粹的js并且做到了你需要的东西

var fys=function(d,a,b,c){ //FisherYatesShuffle
 a=d.length;
 while(--a){
  b=Math.floor(Math.random()*(a-1));
  c=d[a];d[a]=d[b];d[b]=c;
 }
};
var el=document.getElementsByClassName('thumbnails'),l=el.length;
var n=[];while(l--){n[l]=l};
fys(n)

n现在包含带有随机索引的数组，并使用

el[n[0]]调用第一个随机元素。

Answer 4

对于一个元素来说很简单：

var items = $('.item').length;
var currentItem = Math.floor(Math.random() * (items + 1));
$('.item').eq(currentItem).doSomething();

对于某些元素：

var number = 10;
for(i=0; i <= number; i++) {
    $('.item').eq(randomElement('.item')).doSomething();
}

function randomElement(el){
    var items = $(el).length;
    var currentItem = Math.floor(Math.random() * (items + 1));
    return currentItem;
}

如何随机选择具有相同类的元素？

4 个答案: