点击获取li下标的几种方式

Posted forevercg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击获取li下标的几种方式相关的知识,希望对你有一定的参考价值。

应用闭包时回溯了下几种关于获取li下标的方式

技术分享图片

 

1.点击获取li下标 ———— 闭包

技术分享图片

 

2.点击获取li下标 ———— es6  let

技术分享图片

 

3.点击获取li下标 ———— 给元素添加下标属性index

技术分享图片

 

 

4.点击获取li  ———— 父级事件监听 

  思考了下,要获取下标,暂时只能想到添加下标的方法,因此未列出

技术分享图片

 

遇到的问题

使用var 定义 i   结果显示超过下标的数值,轻率认为是冒泡问题,结果无果,

技术分享图片

重新审查 知 即是先循环完毕  再执行的点击操作

以上是关于点击获取li下标的几种方式的主要内容,如果未能解决你的问题,请参考以下文章

JS如何给ul下的所有li绑定点击事件,点击使其弹出下标和内容

JS如何给ul下的所有li绑定点击事件,点击使其弹出下标和内容

遍历集合的几种方式

js删除数组元素的几种方法

简单选择排序的几种实现和细节

父子组件传值的几种方式