【前端】查找元素在父元素中的索引

简言

如何查找指定元素在其父元素的位置？

实现

步骤：

1. 获取元素父元素
2. 根据元素父元素获取其子元素列表
3. 遍历元素列表然后比较
4. 找到返回索引，否则返回-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官网，包含了元素对象的很多属性和方法，可以很方便的对元素进去处理，建议浏览了解下。