关注
获取li的索引,通过事件委托实现:
document.getElementById('myList').addEventListener('click', function(event) {
const target = event.target;
if (target.nodeName === 'LI') { // 确保点击的是列表项
const childNodes = document.getElementById('myList').childNodes;
const index = Array.prototype.indexOf.call(childNodes, target); // 获取索引
console.log('You clicked on item at index:', index);
}
});
在这个例子中,我们为包含列表项的<ul>元素添加了一个点击事件监听器。当列表项被点击时,事件委托机制会触发并通过event.target获取到实际被点击的元素。然后我们通过Array.prototype.indexOf方法在子节点数组中查找该元素的索引。注意,这里需要使用Array.prototype.indexOf.call来查找节点,因为childNodes返回的是一个NodeList,而indexOf是数组的方法
查看原帖
点赞 评论
相关推荐

点赞 评论 收藏
分享

点赞 评论 收藏
分享

点赞 评论 收藏
分享
牛客热帖
更多
正在热议
更多
# 我的实习收获 #
31750次浏览 504人参与
# 我的租房踩坑经历 #
29738次浏览 291人参与
# 实习吐槽大会 #
34237次浏览 161人参与
# 2025牛客秋招季 #
4946次浏览 148人参与
# 晒一晒你的工位 #
86213次浏览 306人参与
# 穿越回高考你还会选现在的专业吗 #
22599次浏览 268人参与
# 26届秋招投递记录 #
4176次浏览 112人参与
# 双非能在秋招上岸吗? #
215289次浏览 1143人参与
# 毕业旅行去哪玩儿 #
1300次浏览 33人参与
# 移动求职进展汇总 #
1566次浏览 17人参与
# 如果有时光机,你最想去到哪个年纪? #
47228次浏览 800人参与
# 非技术岗简历怎么写 #
209858次浏览 2861人参与
# 求职遇到的搞笑事件 #
113098次浏览 768人参与
# 打工人锐评公司红黑榜 #
146144次浏览 920人参与
# 找工作有哪些冷知识 #
97810次浏览 1380人参与
# 携程求职进展汇总 #
533313次浏览 3989人参与
# 商战,最累的是我们 #
13128次浏览 52人参与
# 我和mentor的爱恨情仇 #
44064次浏览 278人参与
# 第一份工作应该选高薪还是热爱? #
61630次浏览 561人参与
# 大疆工作体验 #
11512次浏览 73人参与