jQuery從$返回的選擇中獲取隨機元素$（selector）

如果$('.my-element')匹配多個元素，是否有快速的方法從這些元素中獲取一個隨機元素？

2013-08-29 hasMobi - Android Apps

是的，就像你從數組中得到一個隨機值一樣。 –

$.fn.random = function() { 
    return this.eq(Math.floor(Math.random() * this.length)); 
}   

$(selector).random();

來源

2013-08-29 20:08:58 undefined

如果插件不存在，請創建一個。 :) – htxryan

這一個比我好。 – DeeDee

我注意到一個奇怪的行爲。如果選擇器僅匹配2個元素，則由於在floor（）上四捨五入，您的答案會傾向於（我認爲）總是返回第一個元素。只有我嗎？ –

var numElements = $('.my-element').length; 
var randomNum = Math.floor(Math.random()*numElements); 
//Select your random element 
$('.my-element:nth-child(' + randomNum + ')');

來源

2013-08-29 20:13:08 DeeDee

這不會完全工作，因爲[nth-child（）選擇器是基於1的]（http://api.jquery.com/nth-child-selector/），而您創建的隨機例程是基於0的。人們經常會錯過這一點，因爲在編程中很少見到基於1的東西。如果有4個項目，你的例程永遠不會選擇第4個項目。 – Volomike

爲了得到均勻分佈，就可以乘上陣列隨機數，並與位運算符下降小數。

var arr = ['a','b','c']; 
arr[~~(Math.random() * arr.length)]; //even odds of a, b, or c

來源

2015-02-14 00:03:42 myrcutio

~~似乎給出了與Math.floor（） – xtian

相同的結果它們具有相同的輸出，但是~~計算速度更快，尤其是在較舊的瀏覽器中。這裏有一篇比較他們的文章：http://rocha.la/JavaScript-bitwise-operators-in-practice – myrcutio

jQuery從$返回的選擇中獲取隨機元素$（selector）

回答

相關問題