使用jQuery选择一个随机的li

时间:2017-11-15 22:36:53

标签: javascript jquery

我试图用jQuery选择一个随机li元素并更改其类。 大部分时间它会改变一个类,但其他时间改为两个,有时根本不改变。我使用下面的代码来获取随机li

var selection = $('#options li');
var rand = Math.floor((Math.random() * selection.length) + 1);
$('#options li:eq('+ (rand) +')').addClass('selected');

我有3个li

1 个答案:

答案 0 :(得分:2)

selection应包含一系列li。我只是抓取其中一个而不是使用索引选择器:

$(document).ready(function() {
  const selection = $('li');
  const randLi = selection[Math.floor(Math.random() * selection.length)];  
  $(randLi).addClass('selected');
});

在这里a working fiddle进行演示。

...以及one more使用上述代码每半秒选择一个随机li,以便您可以更轻松地查看随机选择。