JS 循环li添加点击事件 (闭包的应用)


Posted in Javascript onDecember 10, 2016

废话不多说了,直接给大家贴代码了,具体代码如下所述:

var aLi = document.querySelectorAll('.article-tab li');
 for (var i = 0; i <= aLi.length; i++) {   
 (function(){   
  var p = i   
  aLi[i].onclick = function() {   
   alert(p);   
  } 
 })(); 
}

以上所述是小编给大家介绍的JS 循环li添加点击事件 (闭包的应用),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。

Javascript 相关文章推荐
让mayfish支持mysqli数据库驱动的实现方法
May 22 Javascript
基于jquery的无缝循环新闻列表插件
Mar 07 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 Javascript
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
JS中的BOM应用
Feb 02 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
Oct 02 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
JavaScript中var的重要性实例分析
Jul 09 Javascript
Vue事件处理原理及过程详解
Mar 11 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 #Javascript
javascript动画之磁性吸附效果篇
Dec 09 #Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 #Javascript
详解自动生成博客目录案例
Dec 09 #Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 #Javascript
JS判断是否手机或pad访问实现方法
Dec 09 #Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
Dec 09 #Javascript
You might like
PHP中数组合并的两种方法及区别介绍
2012/09/14 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
163的邮件用phpmailer发送(实例详解)
2013/06/24 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
javascript 限制输入脚本大全
2009/11/03 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
2013/01/03 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
2014/12/31 Javascript
js实现继承的5种方式
2015/12/01 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
JavaScript实现两个select下拉框选项左移右移
2017/03/09 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
Vue开发之封装上传文件组件与用法示例
2019/04/25 Javascript
[50:59]2018DOTA2亚洲邀请赛 4.7 总决赛 LGD vs Mineski第四场
2018/04/10 DOTA
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
Python中常见的数据类型小结
2015/08/29 Python
Python实现自动为照片添加日期并分类的方法
2017/09/30 Python
快速解决pandas.read_csv()乱码的问题
2018/06/15 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
python-tkinter之按钮的使用,开关方法
2019/06/11 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
Python 批量刷博客园访问量脚本过程解析
2019/08/30 Python
ProBikeKit美国官网:自行车套件,跑步和铁人三项套件
2016/10/13 全球购物
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
存储过程和函数的区别
2013/05/28 面试题
大一新生军训时的自我评价分享
2013/12/05 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
退伍军人感言
2015/08/01 职场文书
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
Golang解析JSON对象
2022/04/30 Golang