javascript - 随机列表元素，多次调用

Question

我正在尝试随机化十个容器的背景颜色。使用当前的 jQuery，颜色在加载时是随机的，但所有容器都使用相同的颜色。我将如何更改代码以分别调用 .box

的每个实例

$(document).ready(function(){
  var colors = ["#BF2642","#191B29","#366377"];                
  var rand = Math.floor(Math.random()*colors.length);           
  $('.box').css("background-color", colors[rand]);
});

Answer 1

只需循环 .box 元素并为每个元素计算 rand:

$(document).ready(function(){
  var colors = ["#BF2642","#191B29","#366377"];                
  $('.box').each(function(){
      var rand = Math.floor(Math.random()*colors.length);           
      $(this).css("background-color", colors[rand]);
  });
});