确保不同的元素从随机列表中选择相同的类别

时间:2019-08-06 17:30:16

标签: javascript

我有一些代码告诉两个不同的类在页面加载时从随机列表中选择一种新颜色。

这正在工作。

但是我想强制/确保两个元素都从随机列表中选择相同的类。现在,这两个元素可能会在加载时选择不同的类。

<script>
$(document).ready(function(){
const classes = ["lemon", "blue"];

$("p, a.Header-nav-item").each(function(){
    $(this).addClass(classes[~~(Math.random()*classes.length)]);
});
});
</script>

1 个答案:

答案 0 :(得分:0)

我得到了这个有效的答案。

<script>
$(document).ready(function(){
const classes = ["lemon", "blue"];
const randomClass = classes[Math.floor(Math.random()*classes.length)]

$("p, a.Header-nav-item").each(function(){
   $(this).addClass(randomClass);
});
});
</script>