Javascript 获取与整个文档相关的已单击元素的索引

好吧，我现在真的很绝望。我不知道如何获取与整个文档相关的已单击div类的索引

假设我有这样一个结构：

<div class="hello">
  <div class="world">0ne</div>
</div>

<div class="hello">
  <div class="world">Two</div>
</div>

<div class="container">
  <div class="world">Three</div>
  <div class="anotherContainer">
     <div class="world">Four</div>
  </div>
</div>

<div class="world">Five</div>

0ne
两个
三
四
五

如何获取第二个“世界”类的索引，但与整个文档/正文相关。所以无论目标在哪里，我都会得到正确的索引

现在它与父对象相关，但基本上就是这样：

---

那么我该如何解决这个问题呢？我正在试图找出我遗漏了什么。

最简单的方法似乎是使用

getElementsByClassName

，然后迭代它们并获取单击元素的索引

大概是这样的：

document.body.addEventListener（“单击”，函数（e）{
如果（e.target！=e.currentTarget）{
var className=e.target.className；
var els=document.getElementsByClassName（className）；
对于（变量i=0；i

0ne
两个
三
四
五条
神圣的鲤鱼。为什么我没有想到这个xD。我的头脑被slice.call/indexOf解决方案消耗殆尽，以至于我没有向其他可能性敞开心扉。非常感谢你，这是一个很好且清晰的回答：）哈哈，我知道这种感觉，有时一双新的眼睛可以指出解决方案是多么简单。：）不客气！