Javascript 如何获取此代码中目标元素的索引？

我试图在

forEach-addEventListener

方法中获取目标元素的索引。但要像我以前想的那样得到这些并不容易

let contents=document.querySelectorAll（'.contents'）；
let table=document.queryselectoral（'.table'）；
函数eventRegister（）{
contents.forEach（（项目，idx）=>{
items.addEventListener（'mouseenter'，（事件）=>{
console.log（items[idx]）；
console.log（event.target[idx]）；
log（event.currentTarget[idx]）；
console.log（items.index）；
日志（event.target.index）；
console.log（event.currentTarget.index）；//所有这些console.log都未定义
如果（idx>4）{
表.classList.remove（'显示'）；
}否则{
表.classList.add（'显示'）；
}
});
})
}

。如图所示{
背景颜色：橙色；
}

这
是
A.
文本
组
测试
A.
B
C
D

只需检查

idx

是否大于4：

let contents=document.querySelectorAll（'.contents'）；
let table=document.querySelector（'.table'）；
函数eventRegister（）{
contents.forEach（（项目，idx）=>{
item.addEventListener（'mouseenter'，（）=>{
如果（idx>4）{
表.classList.remove（'显示'）；
}否则{
表.classList.add（'显示'）；
}
});
});
}
eventRegister（）
。如图所示{
背景颜色：橙色；
}

这
是
A.
文本
组
测试
A.
B
C
D