JavaScript 获取元素在父节点中的下标(推荐)
更新时间：2017年06月28日 08:33:47 作者：景影随形
jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍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 获取元素在父节点中的下标，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了微信小程序学习总结（四）事件与冒泡,结合实例形式分析了微信小程序事件、冒泡、数据获取相关机制、原理与操作注意事项,需要的朋友可以参考下2020-06-06
本篇文章是小编日常收集整理些javascript保留关键字相关知识汇总，需要的朋友参考下2015-12-12
这篇文章主要介绍了js简单实现竖向tab选项卡的方法,涉及javascript实现tab切换效果的相关技巧,非常简单实用,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了JavaScript获取ul中li个数的方法,涉及javascript针对页面HTML元素的获取及属性操作相关技巧,需要的朋友可以参考下2017-02-02![JavaScript中将一个值转换为字符串的方法分析[译]](//img.jbzj.com/images/xgimg/bcimg4.png)
在JavaScript中,主要有三种方法能让任意值转换为字符串.本文讲解了每种方法以及各自的优缺点2012-09-09
下面小编就为大家带来一篇javascript中异常处理案例(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了JavaScript indexOf()原理及使用方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
平时我们经常会需要将字符转换为各种不同的格式，例如钱：0元需要转换为0.00显示；需要转换为16进制显示的数，这样的例子有很多2011-08-08
artDialog是一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口。本文给大家介绍JS中artdialog弹出框控件之提交表单思路详解，对本文感兴趣的朋友一起学习吧2016-04-04
用 JavaScript 给站外链接的 cursor 进行改造
用 JavaScript 给站外链接的 cursor 进行改造...2006-12-12
![JavaScript中将一个值转换为字符串的方法分析[译]](http://img.jbzj.com/images/xgimg/bcimg4.png)
最新评论