在刷新時將相同的隨機類添加到多個元素？

Question

隨機課程被添加到元素後，它會在每次刷新時更改。

下面的工作，但我需要它是每個元素不是隨機的同一類。

var classes = ["yellow", "pink", "green"]; 

$("body,#container,.site-header").each(function(){ 
    $(this).addClass(classes[~~(Math.random()*classes.length)]); 
}); 

該類被添加到正文，＃容器和.site-header，因爲它應該，但它們都是不同的。

所以...... body，#container和.site-header應該都是黃色的，或者全部都有粉紅色等等。

body.pink 
#container.pink 
.site-header.pink 

目前的身體將有黃色，粉紅色的#container等這是不是我看後...

body.pink 
#container.yellow 
.site-header.green 

Answer 1

我已經想通了我自己，如果有人需要它..

var classes = ['purple','green', 'yellow', 'pink']; 
var randomnumber = Math.floor(Math.random()*classes.length); 

$('body,#container,.site-header').addClass(classes[randomnumber]);