javascript - 使用 jQuery 选择一个随机 li

Question

我正在尝试使用 jQuery 选择一个随机 li 元素并更改其类。 大多数时候，它会改变一次类(class)，但有时会改变两次，有时根本不会改变类(class)。我使用下面的代码来获取我的随机 li,

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

我有 3 li。

Answer 1

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，这样您就可以更容易地看到随机选择。