JavaScript中获取元素索引的函数


Posted in Javascript onSeptember 10, 2010

 这是我在写结构/表现/行为完全分离的选项卡(jQ版和原生JS版)一文时发现的问题. 今天一个朋友也问到我这个问题, 这个函数的确很实用. 和大家分享一下我的实现方法.
代码:

function index(current, obj){ 
for (var i = 0; i < obj.length; i++) { 
if (obj[i] == current) { 
return i; 
} 
} 
}

原理:
通过一个for循环遍历找出当前集合中与当前元素相等的元素,那么该元素的下标值即是当前元素在元素集合中的索引值.

优化下:

 
function index(current, obj){ 
for (var i = 0, length = obj.length; i<length; i++) { 
if (obj[i] == current) { 
return i; 
} 
} 
}
Javascript 相关文章推荐
Javascript 键盘keyCode键码值表
Dec 24 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
Mar 25 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 Javascript
理解javascript中的with关键字
Feb 15 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
Angular的MVC和作用域
Dec 26 Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 Javascript
Angular2入门教程之模块和组件详解
May 28 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
Jul 14 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
vue2实现provide inject传递响应式
May 21 Vue.js
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 #Javascript
一些常用且实用的原生JavaScript函数
Sep 08 #Javascript
js location.replace与location.reload的区别
Sep 08 #Javascript
js中匿名函数的N种写法
Sep 08 #Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
Sep 08 #Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 #Javascript
Javascript的一种模块模式
Sep 08 #Javascript
You might like
php对gzip文件或者字符串解压实例参考
2008/07/25 PHP
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
php出现内存位置访问无效错误问题解决方法
2014/08/16 PHP
jquery中常用的SET和GET
2009/01/13 Javascript
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
javascript 自动填写表单的实现方法
2010/04/09 Javascript
Three.js源码阅读笔记(Object3D类)
2012/12/27 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
EasyUI Tree树组件无限循环的解决方法
2017/09/27 Javascript
JS限制输入框输入的实现代码
2018/07/02 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
jquery制作的移动端购物车效果完整示例
2020/02/24 jQuery
js实现动态时钟
2020/03/12 Javascript
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05
2020/11/06 DOTA
python Django模板的使用方法(图文)
2013/11/04 Python
python批量提交沙箱问题实例
2014/10/08 Python
Python 获取div标签中的文字实例
2018/12/20 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
python实现比对美团接口返回数据和本地mongo数据是否一致示例
2019/08/09 Python
Python pygame绘制文字制作滚动文字过程解析
2019/12/12 Python
python数据分析:关键字提取方式
2020/02/24 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
应聘编辑职位自荐信范文
2014/01/05 职场文书
正风肃纪剖析材料
2014/09/30 职场文书
雷峰塔导游词
2015/02/09 职场文书
2015年网管个人工作总结
2015/05/22 职场文书