JavaScript 获取鼠标悬停的 LI 元素索引

Item 1
Item 2
Item 3

const listItems = document.querySelectorAll('li');

listItems.forEach((item, index) => {
  item.addEventListener('mouseover', () => {
    console.log(index);
  });
});

首先，我们使用querySelectorAll()选择所有的li元素，并将它们存储在listItems变量中。

然后，我们使用forEach()方法遍历每个元素，并将其与其索引一起传递给回调函数。

在回调函数中，我们为每个元素添加一个鼠标悬停事件监听器。当鼠标悬停在元素上时，我们使用console.log()打印出该元素的索引。