简言
如何查找指定元素在其父元素的位置?
实现
步骤:
- 获取元素父元素
- 根据元素父元素获取其子元素列表
- 遍历元素列表然后比较
- 找到返回索引,否则返回-1
/**
* 获取子元素的索引
*/
function getChildIndex(child) {
var parent = child.parentNode;
for (var i = 0; i < parent.children.length; i++) {
if (parent.children[i] === child) {
return i;
}
}
return -1; // 如果找不到子元素,则返回-1
}
结语
Elementmdn官网,包含了元素对象的很多属性和方法,可以很方便的对元素进去处理,建议浏览了解下。