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 相关文章推荐
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
JavaScript 常用函数库详解
Oct 21 Javascript
改变javascript函数内部this指针指向的三种方法
Apr 23 Javascript
javascript复制对象使用说明
Jun 28 Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
利用JavaScript如何查询某个值是否数组内
Jul 30 Javascript
Angular5中调用第三方js插件的方法
Feb 26 Javascript
javascript 原型与原型链的理解及实例分析
Nov 23 Javascript
Vue中 axios delete请求参数操作
Aug 25 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
thinkPHP中配置的读取与C方法详解
2016/12/05 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
2016/05/10 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
2016/08/26 Javascript
基于jQuery实现表格的排序
2016/12/02 Javascript
jquery平滑滚动到顶部插件使用详解
2017/05/08 jQuery
vue树形结构获取键值的方法示例
2018/06/21 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
微信小程序实现图片压缩
2019/12/03 Javascript
vue远程加载sfc组件思路详解
2019/12/25 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
[14:21]VICI vs EG (BO3)
2018/06/07 DOTA
centos下更新Python版本的步骤
2013/02/12 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
Django的HttpRequest和HttpResponse对象详解
2018/01/26 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
python选取特定列 pandas iloc,loc,icol的使用详解(列切片及行切片)
2019/08/06 Python
Windows10+anacond+GPU+pytorch安装详细过程
2020/03/24 Python
Pytorch 使用 nii数据做输入数据的操作
2020/05/26 Python
美国特价机票专家:Airfarewatchdog
2018/01/24 全球购物
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
Talbots官网:美国成熟女装品牌
2019/11/15 全球购物
幼儿园新年寄语
2014/04/03 职场文书
《山谷中的谜底》教学反思
2014/04/26 职场文书
法人代表证明书格式
2014/10/01 职场文书
2014年班组工作总结
2014/11/20 职场文书
礼貌问候语大全
2015/11/10 职场文书
信息技术研修心得体会
2016/01/08 职场文书
MySQL系列之四 SQL语法
2021/07/02 MySQL
SQL CASE 表达式的具体使用
2022/03/21 SQL Server