Javascript 如何在单击时获取nodeList/HTML集合中元素的索引

假设我有一个由var n=document.querySelectorAll.exit'生成的节点列表，看起来是这样的[img.exit，img.exit，img.exit，img.exit，img.exit，img.exit]

可以看出，它们都是具有相同类名的相同元素

我如何知道我从这个节点列表中单击了哪个元素？有没有办法获取事件目标的索引

例如，如果我单击第三个元素，我希望看到2打印出零索引

---

我正在创建一个应用程序，用户可以在其中创建和删除会议。当用户单击img.exit图标时，我想删除整个会议卡。但要做到这一点，我需要知道它是哪个会议，这就是为什么我想将每个会议卡与其自己的会议ID关联。此会议ID来自请求-响应。我可以删除视图中的卡，但要从后端日历模型中删除，我需要使用相应的会议ID发出删除请求。

在for循环中创建事件侦听器，使用let而不是var声明循环迭代器

然后，您可以在事件处理程序中访问元素的索引：

var n=document.querySelectorAll.exit'； forlet e=0；eLorem

Ipsum

Hocus

Pocus

如果您使用的是jQuery库，那么这是一个直接的解决方案 使用DOM可以使您的生活更简单

在这种情况下，以下解决方案适用：

$.exit.clickfunction{ //`this`是单击的DOM元素 var索引=$.exit.indexthis； 警报指数； }; 点击图片！ 第一图像 第二图像 第三图像