js实现类似hover的鼠标悬停更换背景效果

前端白菜一枚，第一次写js，请多指教。
没错就是右边搜索栏下面的那几个图标，单个元素很快就可以搞定，而扩展到多个的时候被困惑住了，折腾了很久。

首先是html

然后是js，这是优化前的代码：

写的过程中总觉得欠妥，有很多重复的地方也许可以重构一下。这是优化后的代码：

下期我会给大家带来mac快捷键的使用技巧，整理了很久了的。今天是水水地过场，所以就不放每期的小技巧啦，各位晚安 : )