JavaScript 获取元素在父节点中的下标(推荐)

jQuery中直接通过$(this).index()即可得到当前元素的下标。但原生JavaScript并没有提供类似的属性或方法，这时候可以调用数组中的indexOf方法直接计算

<ul>
  <li>hello</li>
  <li>hello</li>
  <li id="mts">hello</li>
  <li>hello</li>
</ul>
var elt=document.getElementById('mts');
var index=var index = [].indexOf.call(elt.parentNode.querySelectorAll(elt.tagName),elt);
console.log(index);

这里是计算elt在其父节点下，相同标签的元素中的位置。首先通过var list=elt.parentNode.quertSelectorAll('li')获得同类标签的列表，这里如果直接执行list.indexOf(elt)的话会出错，提示list没有indexOf这个函数，这时候可以借用数组中的indexOf，通过call改变调用者对象：[].indexOf.call(list,elt)等价于list.indexOf(elt)

以上所述是小编给大家介绍的JavaScript 获取元素在父节点中的下标，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# javascript  # 父节点  # js获取元素父节点  # JS实现添加  # 替换  # 删除节点元素的方法  # Js 获取HTML DOM节点元素的方法小结  # JS简单添加元素新节点的方法示例  # js 获取元素所有兄弟节点的实现方法  # javascript删除一个html元素节点的方法  # JS 使用for循环遍历子节点查找元素  # JS获取节点的兄弟  # 父级  # 子级元素的方法  # js创建元素（节点）示例  # js遍历子节点子元素附属性及方法  # Javascript删除指定元素节点的方法  # JavaScript实现获取某个元素相邻兄弟节点的prev与next方法  # JS简单获得节点元素的方法示例  # 小编  # 组中  # 这时候  # 在此  # 给大家  # 所述  # 给我留言  # 感谢大家  # 其父  # 疑问请  # 有任何  # 调用者  # js  # brush  # lt  # li  # gt  # ul 

相关文章： 专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  购物网站制作公司有哪些,哪个购物网站比较好？  建站之星代理如何获取技术支持？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  如何通过cPanel快速搭建网站？  宝塔建站助手安装配置与建站模板使用全流程解析  如何在云指建站中生成FTP站点？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  网站制作新手教程,新手建设一个网站需要注意些什么？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  家具网站制作软件,家具厂怎么跑业务？  如何快速搭建高效WAP手机网站？  如何在Golang中使用replace替换模块_指定本地或远程路径  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  北京的网站制作公司有哪些,哪个视频网站最好？  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  seo网站制作优化,网站SEO优化步骤有哪些？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  如何高效配置香港服务器实现快速建站？  建站之星安装提示数据库无法连接如何解决？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  如何确认建站备案号应放置的具体位置？  如何基于PHP生成高效IDC网络公司建站源码？  javascript基本数据类型及类型检测常用方法小结  免费网站制作appp,免费制作app哪个平台好？  如何通过商城免费建站系统源码自定义网站主题？  如何在服务器上配置二级域名建站？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  Swift中swift中的switch 语句  如何用低价快速搭建高质量网站？  微信推文制作网站有哪些,怎么做微信推文，急？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  TestNG的testng.xml配置文件怎么写  *服务器网站为何频现安全漏洞？  如何在IIS服务器上快速部署高效网站？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  ,在苏州找工作，上哪个网站比较好？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  建站之星如何开启自定义404页面避免用户流失？  如何快速生成橙子建站落地页链接？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）