Question

我正在创建自己的灯箱库，基本上我需要做的是处理onclick事件。所以，让我们说有一系列<img class="galleryItem" src="path"> onclick事件会将点击图像的索引传递给幻灯片更改功能（是的，我知道我可以在JQuery中使用$('galleryItem').click()但我和＃39;我试图用香草JS做到这一点。

我来了一个for循环来指示单击了哪个类成员但是脚本停止工作导致循环结束。代码就像：

var members = document.getElementsByClassName('galleryItem'); 
for(var i = 0; i < memebers.length; i++) { 
    members[i].onclick = function memberOnclick() { 
        console.log(i) 
    } 
}

我还在for循环中尝试了members.addEventListener("click", memberOnclick);，但仍无法让它返回被点击成员的索引。我可以想象这个问题的解决方案很容易，但我想出了如何使这项工作的想法

Answer 1

您可以使用Cannot read property 'remove' of null代替并循环遍历每个元素：

querySelectorAll()

JavaScript

1 个答案: