如何在JavaScript中找到其父级的子级位置

时间:2019-02-05 15:32:58

标签: javascript web

当我单击一个元素时,我想通过其父元素(使用JavaScript)找出其子元素位置。

有人可以帮助我解决这个问题吗? 谢谢。

1 个答案:

答案 0 :(得分:3)

使用.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>