javascript - 从仅 3 个变量随机添加类到超过 20 个 div 元素

Question

我有大约 20 个 div 和 3 个悬停效果类。想要将这 3 个悬停效果随机添加到所有 div。

我的 js 是:

<script>
$(document).ready(function () {
viewclasses = 3;
randomNumber = Math.round(Math.random() * (viewclasses - 1)) + 1;
$('.basediv').each(function(i, val) {
   $(this).addClass('view' + randomNumber); 
});
});
</script>

我有 20 个分配了 .basediv 类的 div

和css类即 .view1 .view2 .view3

通过这段代码，我得到了所有具有相同效果的 div 元素。每个 div 元素都具有 .view1 或 .view2 或 .view3 效果。

请指导我

Answer 1

像这样将随机数放入循环中:

<script>
$(document).ready(function () {
viewclasses = 3;
$('.basediv').each(function(i, val) {
   randomNumber = Math.round(Math.random() * (viewclasses - 1)) + 1;
   $(this).addClass('view' + randomNumber); 
});
});
</script>