Javascript 根据标记类型获取页面中元素的索引

我想在单击时获取页面中每个元素的索引。但关键是索引不应该是项的一般索引，它应该基于标记的类型

例如，考虑下面的例子。我已经提供了我得到的当前值和预期输出

<div>First Div</div> <!-- This shows 0 (as required) -->
<div>Second Div</div> <!-- This shows 1 (as required) -->
<div>Third Div</div> <!-- This shows 2 (as required) -->
<div>
    <p>First Para</p> <!-- This shows 0 (as required) -->
    <p>Second Para</p> <!-- This shows 1 (as required) -->
    <span>First Span</span> <!-- This shows 2 but I need it as 0 -->
    <br/>
    <span>Second Span</span> <!-- This shows 4 but I need it as 1 -->
</div>
<p>Third Para</p> <!-- This shows 4 but I need it as 2-->
<span>Third Span</span> <!-- This shows 5 but I need it as 2 -->

---

下面是当前代码的索引。

当前代码将获取每个标记相对于其父标记的索引。您需要按如下所示对其进行修改，以根据标记类型获取当前单击的元素的索引

index = $(this.tagName).index(this);

---

当前代码正在获取每个标记相对于其父标记的索引。您需要按如下所示对其进行修改，以根据标记类型获取当前单击的元素的索引

index = $(this.tagName).index(this);

---

@Sergio:谢谢你的小提琴手：）谢谢你们两位。真不敢相信这么简单。一个小时以来我一直在发疯。。。。我觉得自己很笨facepalm@Sergio：谢谢你的小提琴伙伴：）谢谢你们两位。真不敢相信这么简单。一个小时以来我一直在发疯。。。。手心很哑