Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

adding class on a random list item

Tags:

jquery

random

I have an unordered list with list items. I have a class called 'active', which I want randomly be added on a list item. I now have this:

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

Math.random?

like image 543
Jonathan Avatar asked Nov 20 '25 17:11

Jonathan


2 Answers

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

var $li = $("#gallery li");
$li.eq(random % $li.length).addClass("on");
like image 106
gdoron is supporting Monica Avatar answered Nov 25 '25 00:11

gdoron is supporting Monica


Try something like below,

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

Edit: Updated to avoid re-query DOM for li

like image 42
Selvakumar Arumugam Avatar answered Nov 24 '25 23:11

Selvakumar Arumugam