在刷新时将相同的随机类添加到多个元素？

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