javascript - 在刷新时向多个元素添加相同的随机类？

Question

将随机类添加到元素并在每次刷新时更改。

下面的作品，但我需要它是同一个类，每个元素不是随机的。

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

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

类被添加到 body、#container 和 .site-header 中，但它们都是不同的。

所以...正文、#container 和 .site-header 都应该是黄色的，或者都是粉红色的，等等在刷新时发生变化。

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

目前 body 会有黄色、#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]);