Javascript 随机选择剩余的div

我有三个属性行的div。当页面加载时，我想随机选择一个div并应用class.show。从这里开始，当单击文档时，我希望从剩余的两个div中随机选择一个div，并对其应用class.show。再次单击文档时，显示的最后一个剩余div已应用于该文档。现在所有三个部门都有课了。表演。如果再次单击文档，则应重新启动可视循环，以便只有一个随机选择的div具有class.show

作为一名javascript新手，我已经阐述了我的方法，但我不知道如何跟踪记录哪些div剩余的rowArray。在计数器的每个阶段显示

任何指向正确方向的指示都将不胜感激。我附上了一份附有评论的报告

var选择器=Math.floorMath.random*3； var rowArray=[0,1,2]； var计数器=0； $document.readyfunction{ 柜台++ $'cnt'.finddiv[row=+selector+].addClass'show'； var newrowArray=rowArray.Selector，1； $document.onclick，函数{ 柜台++ 如果计数器==1{ }如果计数器==2，则为else{ }否则{ 计数器=1； } }; };

---

您可以创建一个函数来选择所有没有show类的元素，使用此列表选择一个randomIndex，然后将class show随机添加到这些元素中。您可以通过页面加载和单击文档来实现所有这些功能

$document.readyfunction{ 函数selectDiv{ var notSelectedDivs=$div[行]：not.show； 如果！未选择刻度长度{ $'.show'.removeClass'show'； notSelectedDivs=$div[行]：not.show； } var randomIndex=Math.floorMath.random*notSelectedDivs.length； $notSelectedDivs[randomIndex].addClass'show'； } $document.onclick，函数{ 选择div； }; 选择div； }; .表演{ 颜色：ff0000； } 1. 2. 3.

---

您可以创建一个函数来选择所有没有show类的元素，使用此列表选择一个randomIndex，然后将class show随机添加到这些元素中。您可以通过页面加载和单击文档来实现所有这些功能

$document.readyfunction{ 函数selectDiv{ var notSelectedDivs=$div[行]：not.show； 如果！未选择刻度长度{ $'.show'.removeClass'show'； notSelectedDivs=$div[行]：not.show； } var randomIndex=Math.floorMath.random*notSelectedDivs.length； $notSelectedDivs[randomIndex].addClass'show'； } $document.onclick，函数{ 选择div； }; 选择div； }; .表演{ 颜色：ff0000； } 1. 2. 3.

---

$div[row]：not.show将返回未应用类show的行div。$div[row]：not.show将返回未应用类show的行div。感谢您花时间回答。谢谢你花时间回答。效果很好