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

Question

在將隨機類添加到元素並在每次刷新時更改之后。

以下工作，但我需要它是每個元素的相同類，而不是其中的隨機元素。

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

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

該類被添加到 body、#container 和 .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]);