随机列表元素，多个调用

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]);
  });
});