добавление класса в случайный элемент списка

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"); 

Edit: обновление, чтобы избежать DOM повторного запроса для li

Answer 3

Math.random как вы получаете случайные числа, поэтому все, что вам нужно сделать, это получить номер между 0 и числом <li> s (минус 1) и добавьте к нему класс.

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

Answer 4

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

$("#gallery li:nth-child("+randomnumer+")").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");