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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
弹出最简单的模式化遮罩层的js代码
Dec 04 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
Vue.js动态组件解析
Sep 09 Javascript
解决angularjs WdatePicker ng-model的问题
Sep 13 Javascript
Vue实现简易翻页效果源码分享
Nov 08 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
Aug 23 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
Aug 23 Javascript
解决vue 表格table列求和的问题
Nov 06 Javascript
浅谈JavaScript浅拷贝和深拷贝
Nov 07 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,ajax实现分页
2008/03/27 PHP
PHP中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
php小技巧之过滤ascii控制字符
2014/05/14 PHP
php pdo操作数据库示例
2017/03/10 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
javascript cookie解码函数(兼容ff)
2008/03/17 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
JS实现图片预加载无需等待
2012/12/21 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
跟我学习javascript创建对象(类)的8种方法
2015/11/20 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
jQuery特殊符号转义的实现
2016/11/30 Javascript
vue.js中指令Directives详解
2017/03/20 Javascript
微信小程序之绑定点击事件实例详解
2017/07/07 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
2017/08/16 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
javascript匿名函数中的'return function()'作用
2018/10/15 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
2019/04/01 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
Python线程池模块ThreadPoolExecutor用法分析
2018/12/28 Python
浅谈Python反射 &amp; 单例模式
2019/03/21 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
《植物妈妈有办法》教学反思
2014/02/25 职场文书
销售经理竞聘书
2014/03/31 职场文书
网站创业计划书
2014/04/30 职场文书
2014中考励志标语
2014/06/05 职场文书
工作能力自我评价2015
2015/03/05 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
python函数的两种嵌套方法使用
2022/04/02 Python
Java实现贪吃蛇游戏的示例代码
2022/09/23 Java/Android