Javascript 如何在JavaSript中的3个类之间切换？

当我点击按钮时，该类使用下面提到的代码在两个类之间切换

document.querySelector('.player--0').classList.toggle('player--active');
document.querySelector('.player--1').classList.toggle('player--active');

但是当我使用这个代码时

document.querySelector('.player--0').classList.toggle('player--active');
document.querySelector('.player--1').classList.toggle('player--active');
document.querySelector('.player--2').classList.toggle('player--active');

活动类已从播放机0中删除，并添加到播放机1和播放机2中，我希望它从上一个类中删除，然后

---

添加到下一个。单击按钮时，一次添加到一个元素。你知道怎么做吗？

你可以用一个类来识别玩家，另一个类将状态设置为活动状态

$（.player”）。在（“单击”，函数（）{
$（“.player”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
.player{
宽度：40px；
高度：40px；
显示：内联块；
背景色：#0095ff；
保证金：4倍；
光标：指针；
文本对齐：居中；
线高：40px；
颜色：#fff；
}
.player.active{
背景色：#2ea44f；
}

1.
2.
3.
4.
使用玩家元素数组和当前活动玩家的索引。要添加，最简单的策略是从每个玩家中删除
player--active
，然后只将其添加到您想要激活的玩家。没有内置的方法可以通过三个元素循环类。