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 相关文章推荐
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
基于javascript实现泡泡大冒险网页版小游戏
Mar 23 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
May 16 Javascript
解决前端跨域问题方案汇总
Nov 20 Javascript
jquery获取input type=text中的值的各种方式(总结)
Dec 02 Javascript
关于 jQuery Easyui异步加载tree的问题解析
Dec 06 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
vue2.0的虚拟DOM渲染思路分析
Aug 09 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 Javascript
原生JavaScript创建不可变对象的方法简单示例
May 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
全国FM电台频率大全 - 19 广东省
2020/03/11 无线电
推荐个功能齐全的发送PHP邮件类
2007/01/03 PHP
php实现mysql数据库备份类
2008/03/20 PHP
php mssql 时间格式问题
2009/01/13 PHP
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
JAVASCRIPT  THIS详解 面向对象
2009/03/25 Javascript
js 小数取整的函数
2010/05/10 Javascript
javascript 拖动表格行实现代码
2011/05/05 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
AngularJs  Creating Services详解及示例代码
2016/09/02 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
2017/06/19 Javascript
详解js删除数组中的指定元素
2018/10/31 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
Python 函数list&amp;read&amp;seek详解
2019/08/28 Python
深入了解Python在HDA中的应用
2019/09/05 Python
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
学年自我鉴定范文
2013/10/01 职场文书
大学生职业生涯规划方案
2014/01/03 职场文书
建筑工地标语
2014/06/18 职场文书
法学院毕业生求职信
2014/06/25 职场文书
优秀家长自荐材料
2014/08/26 职场文书
简历自我评价:教师师德表现自我评价
2019/04/24 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python