Javascript 将3个变量中的类随机添加到20多个div元素中

我有大约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>

$（文档）.ready（函数（）{
viewclasses=3；
randomNumber=Math.round（Math.random（）*（viewclasses-1））+1；
$（'.basediv'）。每个（函数（i，val）{
$（this.addClass（'view'+randomNumber）；
});
});

我有20个班，他们被分配了basediv

也就是css类 .view1 .view2 .view3

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

---

请引导我

将随机数放入循环中，如下所示：

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

$（文档）.ready（函数（）{
viewclasses=3；
$（'.basediv'）。每个（函数（i，val）{
randomNumber=Math.round（Math.random（）*（viewclasses-1））+1；
$（this.addClass（'view'+randomNumber）；
});
});

我想您应该将

随机数

移动到

每个

函数中：

$('.basediv').each(function(i, val) {
   randomNumber = Math.round(Math.random() * (viewclasses - 1)) + 1;
   $(this).addClass('view' + randomNumber); 
});

---

试试这样的

$('.basediv').each(function(i, val) {
    randomNumber = Math.round(Math.random() * (viewclasses - 1)) + 1;
   $(this).addClass('view' + randomNumber); 
});

$（文档）.ready（函数（）{
viewclasses=3；
$（'.basediv'）。每个（函数（i，val）{
randomNumber=Math.round（Math.random（）*（viewclasses-1））+1；
$（this.addClass（'view'+randomNumber）；
});
});
.basediv{
宽度：100px；
高度：100px；
}
.view1{
背景：橙色；
}
.view2{
背景：绿色；
}
.view3{
背景：蓝色；
}