关注
获取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是数组的方法
查看原帖
点赞 评论
相关推荐

点赞 评论 收藏
分享

点赞 评论 收藏
分享

点赞 评论 收藏
分享
牛客热帖
更多
正在热议
更多
# 我的实习收获 #
30912次浏览 502人参与
# 如果有时光机,你最想去到哪个年纪? #
47174次浏览 800人参与
# 实习吐槽大会 #
32855次浏览 160人参与
# 非技术岗简历怎么写 #
209824次浏览 2861人参与
# 晒一晒你的工位 #
85913次浏览 304人参与
# 26届秋招投递记录 #
3935次浏览 107人参与
# 2025牛客秋招季 #
4411次浏览 134人参与
# 双非能在秋招上岸吗? #
215237次浏览 1143人参与
# 被AI治愈的瞬间 #
52348次浏览 597人参与
# 怎么防止在试用期被辞退 #
122348次浏览 911人参与
# 我的租房踩坑经历 #
28420次浏览 287人参与
# 穿越回高考你还会选现在的专业吗 #
22049次浏览 267人参与
# 我和mentor的爱恨情仇 #
43767次浏览 278人参与
# 打工人的工作餐日常 #
40473次浏览 343人参与
# 软开人,说说你的烦心事 #
48118次浏览 359人参与
# 毕业旅行去哪玩儿 #
1270次浏览 33人参与
# 硬件/芯片公司工作体验 #
75276次浏览 664人参与
# 商战,最累的是我们 #
13084次浏览 52人参与
# 打工人锐评公司红黑榜 #
146053次浏览 920人参与
# 25届秋招公司红黑榜 #
262180次浏览 1094人参与