隨機列表元素，多個調用

Question

我想隨機化十個容器的背景顏色。使用當前的jQuery，顏色隨機加載，但所有容器使用相同的顏色。我將如何改變代碼，以在.box元素.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

只是循環的每個實例單獨調用和計算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]); 
    }); 
});