Javascript 有没有办法让嵌套循环使用与循环相同的计数器？

如果没有，考虑到我可能有很多div，我如何用更少的行来编写代码

var divs = document.querySelectorAll(".content");
var photoes = document.querySelectorAll(".images");
var para = document.querySelectorAll("p");

divs[0].addEventListener("click", function(){
    photoes[0].classList.toggle("showImage");
    para[0].classList.toggle("showText");
});
divs[1].addEventListener("click", function(){
    photoes[1].classList.toggle("showImage");
    para[1].classList.toggle("showText");
});
divs[2].addEventListener("click", function(){
    photoes[2].classList.toggle("showImage");
    para[2].classList.toggle("showText");
});

---

你可以这样做：

var divs=document.queryselectoral（“.content”）；
var photoes=document.queryselectoral（“.images”）；
var para=文件查询选择器（“p”）；
div.forEach（函数（div，index）{
div.addEventListener（“单击”，函数（）{
照片[index].classList.toggle（“showImage”）；
para[index].classList.toggle（“showText”）；
}
})

---

检查有关方法及其参数的更多信息。

您可以使用

扩展
运算符和
映射
函数，并将参数
（项目、索引）
作为

var photoes = document.querySelectorAll(".images");
var para = document.querySelectorAll("p");

[...document.querySelectorAll(".content")].map((item, index)=>{
  item.addEventListener("click", function(){
    photoes[index].classList.toggle("showImage");
    para[index].classList.toggle("showText");
});
}


var photoes=document.queryselectoral（“.images”）；
var para=文件查询选择器（“p”）；
[…document.queryselectoral（“.content”）].map（（项，索引）=>{
item.addEventListener（“单击”，函数（）{
照片[index].classList.toggle（“showImage”）；
para[index].classList.toggle（“showText”）；
});
}
是的，您可以使用循环而不是手动列出标记-您是否尝试过实现循环？