在同胞中查找元素位置

Question

I want to have a function that tells me where the element is relative to every other element.

 function Funk(x) { var y = //how many elements are infront of it in its parent. console.log(y) } 

 <ul> <li onclick='Funk(this)'>1</li> <li onclick='Funk(this)'>2</li> <li onclick='Funk(this)'>3</li> <li onclick='Funk(this)'>4</li> </ul> 

In this example, I want the output to be whatever number I click. So if I click on the third element, it outputs 3 .

Answer 1

You can use parentNode and children to go up and down the DOM.

 function Funk(x) { var y = 0; var children = x.parentNode.children; while (children[y] !== x) y++; y++; console.log(y) } 

 <ul> <li onclick='Funk(this)'>1</li> <li onclick='Funk(this)'>2</li> <li onclick='Funk(this)'>3</li> <li onclick='Funk(this)'>4</li> </ul>