使用jQuery从数组中选择一个随机元素[重复]

【问题标题】：Pick a random element from array with jQuery [duplicate]使用jQuery从数组中选择一个随机元素[重复]
【发布时间】：2013-03-03 00:45:09
【问题描述】：

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

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

【问题讨论】：

标签： jquery css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

谢谢..我有准确的颜色，每一种颜色都会很好看。