javascript - 如何在 JavaScript 中找到其父项的子位置

Question

当我点击一个元素时，我想通过它的父元素(使用 JavaScript)找出它的子元素位置。

谁能帮我解决这个问题？谢谢。

Answer 1

使用.parentNode获取父级的句柄，然后使用 Array.indexOf在它的 .children 中找到元素的索引数组。

function findPos(el) {
  const i = Array.from(el.parentNode.children).indexOf(el)

  console.log(i) 
}

<div>
  <button onclick="findPos(this)">Click Me</button>
  <button onclick="findPos(this)">Click Me</button>
  <button onclick="findPos(this)">Click Me</button>
  <button onclick="findPos(this)">Click Me</button>
  <button onclick="findPos(this)">Click Me</button>
</div>