js获取当前点击元素的索引
以ul下的li元素为例;获取li的索引,代码如下:
<ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>
方法1:
把每个li元素加上index属性,每个li被点击时获取index属性即可
var ul = document.getElementById("list"); var list = ul.querySelectorAll('li'); for (var i = 0; i < list.length; i++) { list[i].index = i; } ul.addEventListener('click',function(e){ console.log(e.target.index); })
方法2:
获取ul下的所有li,找到被点击li在所有li中的位置
ul.addEventListener('click',function(e){ var item = e.target; var lists = Array.from(ul.querySelectorAll('li')); console.log(lists.indexOf(item)); })
人生如逆旅,我亦是行人
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步