js中queryselectorAll获取两个数组怎么各自绑定在一起

问题遇到的现象和发生背景
问题相关代码,请勿粘贴截图

img


img

img

运行结果及报错内容

img

我的解答思路和尝试过的方法

上面图片的注释是我做过的办法,都不行

我想要达到的结果

鼠标放在每个图片上,都会弹起相应的介绍,离开则会消失

shades是个数组

shades[i].style.bottom = 0

queryselectorAll 获取的全部符合的元素 为数组显示
queryselector 获取符合的第一个元素

你可以直接用css :hover 选择器实现这个效果