在直接的 javascript 中（即没有诸如 jQuery 等的扩展），有没有一种方法可以在不迭代和比较所有子节点的情况下确定其父节点内的子节点的索引？
例如，
var child = document.getElementById('my_element');
var parent = child.parentNode;
var childNodes = parent.childNodes;
var count = childNodes.length;
var child_index;
for (var i = 0; i < count; ++i) {
if (child === childNodes[i]) {
child_index = i;
break;
}
}
有没有更好的方法来确定孩子的指数？
我已经喜欢用indexOf这个了。因为indexOfis onArray.prototype和parent.childrenis a NodeList，所以你必须使用call();它有点难看，但它是一个单行并使用任何 javascript 开发人员无论如何都应该熟悉的函数。
var child = document.getElementById('my_element');
var parent = child.parentNode;
// The equivalent of parent.children.indexOf(child)
var index = Array.prototype.indexOf.call(parent.children, child);
Array.from(element.parentNode.children).indexOf(element)
element.parentNode.children→ 返回 的兄弟element，包括该元素。
Array.from→ 将 的构造函数强制children转换为Array对象
indexOf→ 您可以申请，indexOf因为您现在有了Array对象。
您可以使用该previousSibling属性遍历兄弟姐妹，直到返回null并计算遇到的兄弟姐妹数量：
var i = 0;
while( (child = child.previousSibling) != null )
i++;
//at the end i will contain the index.
请注意，在 Java 等语言中，有一个getPreviousSibling()函数，但在 JS 中，这已成为一个属性 -- previousSibling。
使用previousElementSibling或nextElementSibling忽略文本和注释节点。
ES——更短
[...element.parentNode.children].indexOf(element);
扩展运算符是一种快捷方式
添加一个（安全前缀） element.getParentIndex()：
Element.prototype.PREFIXgetParentIndex = function() {
return Array.prototype.indexOf.call(this.parentNode.children, this);
}