javascript - 是否可以在不循环的情况下在其父节点中获取元素的数字索引？

Question

通常我是这样做的:

for(i=0;i<elem.parentNode.length;i++) {
  if (elem.parentNode[i] == elem) //.... etc.. etc...
}

Answer 1

function getChildIndex(node) {
  return Array.prototype.indexOf.call(node.parentNode.childNodes, node);
}

这似乎适用于 Opera 11、Firefox 4、Chromium 10。其他浏览器未经测试。如果节点没有父节点，它将抛出 TypeError(如果您关心这种情况，请添加对 node.parentNode !== undefined 的检查)。

当然，Array.prototype.indexOf 仍然循环，只是在函数调用中。不循环就不可能做到这一点。

---

注意:如果想获取子Element的索引，可以修改上面的函数，将childNodes改为 children 。

function getChildElementIndex(node) {
  return Array.prototype.indexOf.call(node.parentNode.children, node);
}