JavaScript 获取悬停 li 元素的下标
如果你是在 JavaScript 中使用 li 元素,则可以使用以下代码来获取悬停的 li 元素的下标:
const lis = document.querySelectorAll('li');
for(let i = 0; i < lis.length; i++) {
lis[i].addEventListener('mouseover', function() {
const index = Array.from(lis).indexOf(this);
console.log(index);
});
}
这里,我们先获取所有的 li 元素,并使用循环为每个 li 元素添加一个 mouseover 事件监听器。当鼠标悬停在某个 li 元素上时,我们使用 Array.from() 方法将 lis 转换为数组,然后使用 indexOf() 方法获取当前 li 元素在数组中的下标,并将其打印到控制台上。
如果你是在其他编程语言中使用 li 元素,则可能需要使用不同的方法来获取悬停的 li 元素的下标。
原文地址: https://www.cveoy.top/t/topic/lHg5 著作权归作者所有。请勿转载和采集!