javascript - 如何将一个类更改为所有div？

Question

我有一个内存游戏，我正在尝试添加一个按钮来显示所有卡片并再次翻转它们。 所有翻转的卡片都是翻转的类别。当其中一张卡片已经翻转或隐藏时，该函数会翻转它而不是其他卡片，就会出现问题。

我该如何解决这个问题？

function revelCards() { 
  var revelCard = document.querySelectorAll('.card'); 
  for (var i = 0; (i < revelCard.length) ; ++i) {
    if (revelCard[i].classList.contains('flipped')){
      revelCard[i].classList.remove('flipped');
    } else {
      revelCard[i].classList.add('flipped');
  }
}

Answer 1

您应该简单地删除 if 语句，如下所示:

function revelCards() { 
  var revelCard = document.querySelectorAll('.card'); 
  for (var i = 0; (i < revelCard.length) ; ++i) {
      revelCard[i].classList.add('flipped');
  }
}

现在翻转的卡片将保持翻转状态，所有其他卡片都会翻转。