如何在没有jquery的情况下查找集合中元素的索引

Question

我有一个div中的元素集合

让我们说:

<div>
  <p id="one">one</p>
  <p id="two">two</p>
  <p id="three">three</p>
  <p id="four">four</p>
</div>

现在我正在寻找一种简单的方法来查找索引,让我们说第三个元素如下:

document.getElementById("three").index();

这应该返回一个值为2的整数,因为这个元素是第三个

我知道在jquery中有这样的东西,但我会喜欢普通的js

Answer 1

您可以使用indexOfArray对象的内置属性,如下所示:

 var child_element  = document.getElementById('three');
 var parent_element = child_element.parentNode;
 var i = Array.prototype.indexOf.call(parent_element.children, child_element);