如何找到在集合元素的索引，而不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的值返回一個整數是第三

我知道有somehing像這樣的jQuery的，但我喜歡簡單的JS

Answer 1

您可以使用內置的數組對象的indexOf財產，像這樣：

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