Добавить такой же случайный класс при обновлении до нескольких элементов?

Question

После того, как случайный класс добавляется к элементам, и он изменяется при каждом обновлении.

Следующие работы, но мне нужно, чтобы он был одним и тем же классом для каждого элемента, не случайного внутри него.

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

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

Класс добавляется к телу, #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]);