JavaScript for循环元素取下标问题

在JS的开发过程中,经常会遇到这种问题,我们想要的效果是鼠标划过哪个<li>就获取哪个</li>的下标,可结果却一直是“4”。



看似没有问题的代码却偏偏不按照自己的思维走,这样的原因是onmouseover调用事件函数时,i已经在for循环里面循环完,已经成为了4。下面列出三种解决方法:

、One


这种方法是最长使用的方法,原理就是利用了JS的闭包。

、Two


此方法是用了一个自定义属性,完美解决!

、Three


传参,处理页面多个事件时可是使用此方法!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 8,181评论 4 14
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,288评论 0 2
  • 1 赵六六觉得自己是个二傻子。二傻子赵六六在高二的时候暗恋上了理科五班的体委。 事情是这样子的,那天读文科的赵六六...
    找二呆的大呆阅读 4,110评论 0 3
  • 1.过大年 今年过年,我在朋友圈晒的最多的就是美食,什么糖醋排骨,蒜蓉粉丝虾,清蒸蝶鱼,虾滑汤等高大上的菜品全部出...
    杨榆阅读 3,369评论 0 1
  • 二战中一个叫安妮的小女孩写的《安妮日记》,一些人躲在小房间里,没想到自己青春时写的日记竟然保存了下来,我看过看多次...
    大白杏仁阅读 2,649评论 0 0

友情链接更多精彩内容