如何检查节点列表中的所有元素是否具有相同的类或相同的样式属性值?

Question

我创造了记忆游戏。唯一的问题是，当游戏结束并且玩家获胜时，它不会显示console.log("获胜")。代码:

let checkingImages = document.querySelectorAll('.card')
checkingImages = Array.from(checkingImages)
let check = checkingImages.every((each)=>{
each.classList.contains('matched')
})
if(check == true){
console.log('win')
}

Answer 1

在您的every方法中，您只检查类的存在，实际上不返回任何东西。

你必须这样写:

let checkingImages = document.querySelectorAll('.card')
checkingImages = Array.from(checkingImages)
let check = checkingImages.every(item => item.classList.contains('matched'))
console.log(check)

或者像这样，如果你想坚持你原来的答案:

let checkingImages = document.querySelectorAll('.card')
checkingImages = Array.from(checkingImages)
let check = checkingImages.every((item) => {
return item.classList.contains('matched')
})
console.log(check)