Jquery 如何设置具有备用背景色的表格的鼠标悬停/鼠标悬停背景色

目前我有一个包含几行数据的表。行的背景色在蓝色和白色之间交替。每当我将鼠标移到上方时，我希望背景颜色暂时变为红色，然后恢复为蓝色或白色的原始颜色

 $(document).ready(function () {
    var currColor = "";

    $("tr.HierarGridItem").hover(function () {
        currColor = $("tr.HierarGridItem").css("background-color");
        $(this).css("background-color", "red");
    }, function () {
        $(this).css("background-color", currColor);

    });

});

上面的代码工作正常，当我将鼠标移到一行上时，会将背景颜色设置为红色。但当我将鼠标移出时，它总是根据原始值将背景颜色设置为蓝色，而不是蓝色或白色

---

谢谢

将currColor设置为当前项目。喜欢

$("tr.HierarGridItem").hover(function () {
    currColor = $(this).css("background-color");
    $(this).css("background-color", "red");
}, function () {
    $(this).css("background-color", currColor);

});

---

但是建议使用css，使用：hover pseudo类。

有时候JavaScript有点过火，事情可以做得更简单

您可能有一个CSS类用于交替背景

.odd {
  background-color: white;
}

.even {
  background-color: blue;
}

您只需将：hover伪类添加到tr中

tr:hover {
  background-color: red;
}

---

.odd{
背景颜色：蓝色；
}
.甚至{
背景色：白色；
}
tr：悬停{
背景色：红色；
}

福
福
酒吧
酒吧
巴兹
巴兹
库克斯
库克斯

为什么要使用jquery进行此操作？这可以用纯css来完成。。使用

：hover

伪类..ie

td:hover{background color:red；}

仅在

悬停时更改背景色。所有my都具有相同的类名HierarGridItem。添加了以下代码tr.HierarGridItem:hover{background color:red；}tr.HierarGridItem:nth child（奇数）{background color:white；}现在的问题是，在悬停期间，只有备用行高亮显示为红色！添加一个

！有关悬停定义的重要信息

。