您的当前位置:首页正文

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

2024-11-11 来源:个人技术集锦

简言

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

实现

步骤:

/**
     * 获取子元素的索引
     */
    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
    }

结语

mdn官网,包含了元素对象的很多属性和方法,可以很方便的对元素进去处理,建议浏览了解下。

Top