Javascript 强制单击处理程序识别多个元素

基本上，当我在div中单击特定的锚定标记时，我希望单击的div被隐藏。无论出于何种原因，这适用于第一个div，并且仅适用于这个div。当我在任何其他div中单击锚定标记时，什么也没有发生。我甚至没有在控制台中得到一个错误，所以我真的不明白我做错了什么

这是我的密码：

document.querySelector（.closeWin”）.addEventListener（“单击”，closeThisWin）；
函数closeThisWin（）{
让winToClose=this.parentElement.parentElement；
winToClose.style.display=“无”；
console.log（winToClose）；
}

.window{
宽度：210像素；高度：110像素；
背景色：浅海绿色；
文本对齐：居中；边距：6px自动；
}
.css{背景色：浅粉色；}
.s{font size:25px；padding:40px 0；}

点击这里1
点击这里2

querySelector

->

querySelectorAll

document.queryselectoral（.closeWin”）.forEach（函数（a）{a.addEventListener（“单击”，closeThisWin）}）；
函数closeThisWin（）{
让winToClose=this.parentElement.parentElement；
winToClose.style.display=“无”；
console.log（winToClose）；
}

.window{
宽度：210像素；高度：110像素；
背景色：浅海绿色；
文本对齐：居中；边距：6px自动；
}
.css{背景色：浅粉色；}
.s{font size:25px；padding:40px 0；}

点击这里1
点击这里2

querySelector

->

querySelectorAll

document.queryselectoral（.closeWin”）.forEach（函数（a）{a.addEventListener（“单击”，closeThisWin）}）；
函数closeThisWin（）{
让winToClose=this.parentElement.parentElement；
winToClose.style.display=“无”；
console.log（winToClose）；
}

.window{
宽度：210像素；高度：110像素；
背景色：浅海绿色；
文本对齐：居中；边距：6px自动；
}
.css{背景色：浅粉色；}
.s{font size:25px；padding:40px 0；}

点击这里1
点击这里2