jquery实现鼠标hover后背景色改变样式

1.实现效果描述

例如：当鼠标hover到参数值时，参数值的背景色改变，该列的其他数据背景色不变，同时展示出参数值的取值范围。

2.原现象描述

一开始没有单独做限制，使用的组件默认样式；后来对table的样式进行重写，但还是不能兼容实现要求的现象，要么只能实现鼠标hover到参数值时只改变参数值的背景，此时当鼠标再hover到其他数据时背景色都不会改变了；要么鼠标hover到参数值时，不仅参数值背景色改变，该行的其他数据的背景色也改变。

3.代码实现

使用jquery实现，并且要同时在分页方法和拉取数据方法中也要加上样式改变的代码。

//实现鼠标hover到参数值处，只改变参数值的背景色；鼠标hover其他数值的地方，行数据的背景色为默认值；
setTimeout(() => {
     $(".value-style").hover(function() {
         $(this).parents("tr").find("td").attr({
             style:"background: white !important;"
         });
     },function() {
         $(this).parents("tr").find("td").removeAttr("style");
     })
 }, 0)