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

您可以使用Array对象的内置indexOf属性，如下所示：

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

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

1 个答案: