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 相关文章推荐
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
May 24 Javascript
JQuery中each()的使用方法说明
Aug 19 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
Dec 22 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
js用拖动滑块来控制图片大小的方法
Feb 27 Javascript
bootstrap输入框组代码分享
Jun 07 Javascript
js实现点击每个li节点,都弹出其文本值及修改
Dec 15 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
Oct 29 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
利用Vue实现简易播放器的完整代码
Dec 30 Vue.js
canvas实现贪食蛇的实践
Feb 15 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 foreach、while性能比较
2009/10/15 PHP
解析smarty模板中类似for的功能实现
2013/06/18 PHP
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
EsLint入门学习教程
2017/02/17 Javascript
Angular2 组件间通过@Input @Output通讯示例
2017/08/24 Javascript
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
JavaScript setInterval()与setTimeout()计时器
2019/12/27 Javascript
微信小程序后端无法保持session的原因及解决办法问题
2020/03/20 Javascript
React实现todolist功能
2020/12/28 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
python3学生名片管理v2.0版
2018/11/29 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
浅谈python3中input输入的使用
2019/08/02 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
怎么可以提高数据库查询数据的速度
2014/06/28 面试题
公司员工的自我评价范例
2013/11/01 职场文书
自主招生自荐信
2013/12/08 职场文书
童装店创业计划书
2014/01/09 职场文书
毕业生自荐书
2014/02/02 职场文书
幼儿园元旦亲子活动方案
2014/02/17 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript
如何判断pytorch是否支持GPU加速
2021/06/01 Python
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
Python干货实战之八音符酱小游戏全过程详解
2021/10/24 Python