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

Question

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

$(".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 中的任何函数生成一个范围之间的随机数，在我们的例子中，我们需要生成一个介于 o 到颜色数组的数组长度之间的随机数。然后使用这个随机数作为颜色数组中的键，并用它代替颜色。