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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
Nov 10 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
jquery滚动特效集锦
Jun 03 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
Sep 20 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
Oct 10 Javascript
js闭包引起的事件注册问题介绍
Mar 29 Javascript
Vue.js路由组件vue-router使用方法详解
Dec 02 Javascript
bootstrap table服务端实现分页效果
Aug 10 Javascript
Vue EventBus自定义组件事件传递
Jun 25 Javascript
微信小程序用户授权最佳实践指南
May 08 Javascript
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
preg_match_all使用心得分享
2014/01/31 PHP
PHP面向对象程序设计之接口用法
2014/08/20 PHP
php+mysql实现简单登录注册修改密码网页
2016/11/30 PHP
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
AngularJS入门教程(二):AngularJS模板
2014/12/06 Javascript
JavaScript比较两个对象是否相等的方法
2015/02/06 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
深入了解响应式React Native Echarts组件
2019/05/29 Javascript
微信小程序实现侧边分类栏
2019/10/21 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
JS实现小星星特效
2019/12/24 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
JavaScript canvas实现跟随鼠标移动小球
2021/02/09 Javascript
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
python中字典(Dictionary)用法实例详解
2015/05/30 Python
pycharm安装图文教程
2017/05/02 Python
利用Python爬取微博数据生成词云图片实例代码
2017/08/31 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
Python使用wget实现下载网络文件功能示例
2018/05/31 Python
Python脚本操作Excel实现批量替换功能
2019/11/20 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
Python进行统计建模
2020/08/10 Python
有兼职工作经历的简历自我评价
2014/03/07 职场文书
四年级学生评语大全
2014/04/21 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
上班迟到检讨书
2014/09/15 职场文书
六查六看六改心得体会
2014/10/14 职场文书
优秀创业计划书分享
2019/07/19 职场文书