如何选择前 5 个随机元素
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
...
<li>N</li>
</ul>
alert($("li:random").text());
但它需要所有随机元素。我只想要前5个。
有没有另一种方法可以做同样的事情？
选择 5 个随机元素
IT技术
javascript
jquery
2021-01-25 01:04:34
6个回答
这是从 jQuery 选择中获取 5 个随机元素的方法，无需插件！
randomElements = jQuery("li").get().sort(function(){
return Math.round(Math.random())-0.5
}).slice(0,5)
此时你有 5 个 DomElements，它们是从 jQuery 返回的所有 LI 中随机选择的
然后你可以对它们做任何你喜欢的事情，
例如改变它们的颜色：
$(randomElements).css("color","red")
或显示它们的组合文本内容：
$(randomElements).text()
为此，我使用Fisher-Yates shuffle创建了一个小脚本。这是通过首先创建一个随机混洗和切片的 jQuery 元素数组的副本，然后过滤掉两个数组中不存在的所有元素来完成的。
您可以在http://www.afekenholm.se/jquery-rand阅读它。这是脚本：
/**
* jQuery.rand v1.0
*
* Randomly filters any number of elements from a jQuery set.
*
* MIT License: @link http://www.afekenholm.se/license.txt
*
* @author: Alexander Wallin (http://www.afekenholm.se)
* @version: 1.0
* @url: http://www.afekenholm.se/jquery-rand
*/
(function($){
$.fn.rand = function(k){
var b = this,
n = b.size(),
k = k ? parseInt(k) : 1;
// Special cases
if (k > n) return b.pushStack(b);
else if (k == 1) return b.filter(":eq(" + Math.floor(Math.random()*n) + ")");
// Create a randomized copy of the set of elements,
// using Fisher-Yates sorting
r = b.get();
for (var i = 0; i < n - 1; i++) {
var swap = Math.floor(Math.random() * (n - i)) + i;
r[swap] = r.splice(i, 1, r[swap])[0];
}
r = r.slice(0, k);
// Finally, filter jQuery stack
return b.filter(function(i){
return $.inArray(b.get(i), r) > -1;
});
};
})(jQuery);
获取一个随机数索引，1-5，并获取具有该索引的 ul 的孩子。像这样：
var index = Math.floor(Math.random() * 5) + 1; // nth-child indices start at 1
alert($("ul:nth-child(" + index + ")").text());
jQuery.jQueryRandom = 0;
jQuery.extend(jQuery.expr[":"], {
random: function(a, i, m, r) {
if (i == 0) {
jQuery.jQueryRandom = Math.floor(Math.random() * r.length);
};
return i == jQuery.jQueryRandom;
}
});
$("li:lt(5):random").text()