Jquery 表格单元格背景颜色更改问题

我处理另一个人的代码，当鼠标移到单元格上时，我尝试更改表格单元格的背景色，当鼠标离开时，我尝试更改回原始背景色。我使用以下代码：

var bgcolor=$(".cell-el").css("background-color")

$(".cell-el").hover(
       function(){
         $(this).css("background-color", "#3c3c36")}, //mouse enter, bg-color change
       function(){
         $(this).css("background-color", bgcolor) // mouse leave, bg-color change back
 })

一切正常，除了当鼠标第一次进入单元格时，单元格背景颜色将更改为“#3c36”，但当鼠标第一次进入单元格后离开单元格并再次进入单元格时，单元格背景颜色将更改为“#3c36”

---

这是鼠标第一次进入时，单元格颜色永远不会改变，此后，一切正常。这个问题的原因可能是什么？

您可以使用简单的css进行尝试

.cell-el td:hover{
   background-color:#3c3c36;
}

---

您可以尝试使用简单的css

.cell-el td:hover{
   background-color:#3c3c36;
}

---

我刚刚在JSFIDLE中模拟了一些东西，您的代码运行正常：

可能是别的地方出了问题

---

另外，我建议您使用CSS而不是JS来获得这种效果。只需使用

：hover

伪类就足够了

我刚刚在JSFIDLE中模拟了一些东西，您的代码运行正常：

可能是别的地方出了问题

另外，我建议您使用CSS而不是JS来获得这种效果。只需使用

：hover

伪类就足够了

工作正常参见演示：

通常的问题是线路：

var bgcolor=$(".cell-el").css("background-color")

未在

就绪处理程序中

$(function(){
   var bgcolor=$(".cell-el").css("background-color")
   ..// etc
});

工作正常请参见演示：

通常的问题是线路：

var bgcolor=$(".cell-el").css("background-color")

未在
就绪处理程序中

$(function(){
   var bgcolor=$(".cell-el").css("background-color")
   ..// etc
});

此代码本身看起来是正确的：。您可能需要添加更多信息来更改悬停时的css属性？使用：hover伪类可以避免很多麻烦。此代码本身看起来是正确的：。您可能需要添加更多信息来更改悬停时的css属性？使用：hover伪类可以省去很多麻烦。它起到了一半的作用，我的意思是，当鼠标进入时，背景颜色会改变，但当鼠标离开时，背景颜色不会变回原来的颜色。+1。使用这些工具来完成它们的用途。顺便说一句：@Mellon，这在我的jsfiddle中起作用：）对不起，它起作用了，我用这个css代码弄乱了旧代码。非常感谢。它工作了一半，我的意思是，当鼠标进入时，背景颜色改变了，但是，当鼠标离开时，背景颜色没有变回原来的颜色。+1。使用这些工具来完成它们的用途。顺便说一句：@Mellon，这在我的jsfiddle中起作用：）对不起，它起作用了，我用这个css代码弄乱了旧代码。非常感谢。