javascript - 计算div在div中的位置

Question

美好的一天，我需要一些 JS 方面的帮助。
假设我有这个 HTML:

<div>
    <div onclick="countPos()"></div>
    <div onclick="countPos()"></div>
    <div onclick="countPos()"></div>
</div>

当我单击一个 div(在父级 div 内)时，我希望触发一个 JS 函数，该函数将返回该 div 的位置。因此，如果我单击第三个 div - 返回 3，如果我单击第一个 div - 返回 1 等等。 请问我该怎么做？

Answer 1

您需要将当前单击的元素发送到函数，例如

<div onclick="countPos(this)"></div> 

然后在函数中，您可以在父级内部创建元素的数组，然后查找索引。

function countPos(elem){
  var nodeList = Array.prototype.slice.call( elem.parentNode.children );
  var index = nodeList.indexOf( elem ) + 1;
  // do your stuff with index
}

<强> FIDDLE