使用jQuery从数组中选择一个随机元素

Question

我想用jquery动画函数设置背景颜色，我需要从数组中选择一个随机元素。

$(".menu li").hover(function() {
  $(this).animate({borderBottomColor:"#81C6DD"}, 200)
}, function() {
  $(this).animate({borderBottomColor:"#D8D9DC"}, 200)
});

Answer 1

听起来你不想让数组随机化，听起来你想每次从数组中选择一个随机元素。假设您的颜色数组称为colors，请使用：

var color = colors[Math.floor(colors.length * Math.random())];

虽然我怀疑你为什么要那样做。随机颜色听起来像是一个非常丑陋且可能令人困惑的UI的配方。

Answer 2

创建一个包含大量颜色值的数组，并使用javascript中的任何函数生成一个范围之间的随机数，在我们的例子中，我们需要生成一个0到数组长度的颜色数组之间的随机数。然后使用此随机数作为颜色数组中的键，并将其替换为颜色。