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 相关文章推荐
JS setCapture 区域外事件捕捉
Mar 18 Javascript
js过滤数组重复元素的方法
Sep 05 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
Mar 15 Javascript
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
windows8.1+iis8.5下安装node.js开发环境
Dec 12 Javascript
JS弹出可拖拽可关闭的div层完整实例
Feb 13 Javascript
JavaScript入门基础
Aug 12 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
Vue项目中ESlint规范示例代码
Jul 04 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
Element PageHeader页头的使用方法
Jul 26 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验证码实现代码
2014/05/10 PHP
php从csv文件读取数据并输出到网页的方法
2015/03/14 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
php获取twitter最新消息的方法
2015/04/14 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
js类 from qq
2006/11/13 Javascript
select 控制网页内容隐藏于显示的实现代码
2010/05/25 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
使用javascript实现json数据以csv格式下载
2015/01/09 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
Javascript基础_简单比较undefined和null 值
2016/06/14 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
谈谈如何手动释放Python的内存
2016/12/17 Python
python万年历实现代码 含运行结果
2017/05/20 Python
用python的requests第三方模块抓取王者荣耀所有英雄的皮肤实例
2017/12/14 Python
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
Pandas 缺失数据处理的实现
2019/11/04 Python
Selenium 滚动页面至元素可见的方法
2020/03/18 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
python smtplib发送多个email联系人的实现
2020/10/09 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
佳能法国商店:Canon法国
2019/02/14 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
五年级音乐教学反思
2014/02/06 职场文书
婚假请假条格式及范文
2014/04/10 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
2014年班组工作总结
2014/11/20 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
写给老师的保证书
2015/05/09 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL