Question

我有一个包含列表项的无序列表。我有一个名为'active'的类，我希望随机添加到列表项中。我现在有这个：

// I want this class added on a random list item
$("#gallery li:first-child").addClass("on");

的Math.random？

Answer 1

var random = Math.floor(Math.random() * 1000);

var $li = $("#gallery li");
$li.eq(random % $li.length).addClass("on");

Answer 2

尝试以下内容，

var $li = $('#gallery li');
$li.eq(Math.floor(Math.random()*$li.length)).addClass("on");

修改已更新，以避免重新查询li

的DOM

Answer 3

var licount = $("#gallery li").length;
var randomnumber=Math.floor(Math.random()*(licount+1));

$("#gallery li:nth-child("+randomnumer+")").addClass("on");

Answer 4

Math.random是获取随机数的方法，所以您只需要在0和<li>的数量（减1）之间得到一个数字，然后添加该类那个。

var $lis = $("#gallery li");
$lis.eq( Math.floor( Math.random() * $lis.length ) ).addClass("on");

Answer 5

如果您知道li的数量（此处为10 li）

rand=Math.floor(Math.random() * 10); // 0 to 9
$("#gallery li").get(rand).addClass("on");

否则

var $li=$("#gallery li");
rand=Math.floor(Math.random() * $li.length()); // 
$li.eq(rand).addClass("on");

在随机列表项上添加类

5 个答案: