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

Posted

技术标签:

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

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

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

【问题讨论】:

【参考方案1】:

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

【讨论】:

【参考方案2】:

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

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

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

【讨论】:

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

以上是关于使用jQuery从数组中选择一个随机元素[重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何从数组中随机选择四个元素而不用Java重复?

如何使用 jQuery 随机显示一组元素?

从数组python中随机选择项目[重复]

jQuery 从字符串数组中选择一个随机值

如何使用 jQuery.inArray 方法选择一组唯一的随机数(不重复)?

如何从数组中获取随机元素[重复]