Jquery 将鼠标悬停在单个同一类元素上时，更改所有同一类元素的CSS
我希望在悬停任何带有class=“bg”的单元格时，更改带有class=“bg”的所有单元格的背景色 像Jquery 将鼠标悬停在单个同一类元素上时，更改所有同一类元素的CSS,jquery,css,Jquery,Css,我希望在悬停任何带有class=“bg”的单元格时，更改带有class=“bg”的所有单元格的背景色 像$（'.bg'）.hover（）.css（“背景色”，“蓝色”）并尝试 使用.each（），.mouseover（），甚至.hibbines（）（尽管我认为这完全不正确），但没有结果 <head> <style type="text/css"> .bg { background-color:red; }
$（'.bg'）.hover（）.css（“背景色”，“蓝色”）并尝试
使用.each（）
，.mouseover（）
，甚至.hibbines（）
（尽管我认为这完全不正确），但没有结果
<head>
<style type="text/css">
.bg { background-color:red; }
.bg:hover { background-color:blue; }
</style>
</head>
<body>
<table width="100" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="bg">a</td>
<td class="bg">a</td>
<td class="bg">a</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br />
<table width="100" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="bg">a</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="bg">a</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="bg">a</td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
.bg{背景色：红色；}
.bg:hover{背景色：蓝色；}
A.
A.
A.
A.
A.
A.
编辑：在kumiau的工作解决方案之后，我意识到我想要的要复杂得多。将鼠标悬停在任一深灰色区域中的任何孔1单元格上，所有孔1单元格的背景颜色都会更改
现在，该页面只显示了一种游戏类型（四球最佳球）和一轮（杜宾/科萨科维奇）
对Dybkjær/Larsen），但将有3种类型（四球最佳球、四人制、单打），每种类型6轮，每种类型18洞。总共324个洞
所以，嗯，这改变了很多事情。我认为我可以对每个孔单元进行类似的分类（简单地说，class=“hole”）并将孔id存储在数据属性中（类似于四球最佳球，第1轮，第4孔的数据孔id=“fbb_1_4”），以便生成更通用的jQ函数
编辑2：这里回答了最后一点
更新您的小提琴：
谢谢，这就成功了！只是为了好玩：我在一个单独的样式表中设置了bgcolor。使用这个jQ会在第一次悬停时覆盖bgcolor，样式表的颜色再也看不到了。有什么解决办法吗？？（只需删除第二个悬停函数，单元格就会变成蓝色…）你说得对。最好返回css定义的颜色。我把小提琴更新得太棒了！在插入并看到它工作后，我意识到我所寻找的要复杂得多。问题编辑（相当多）
$('.bg').hover(
function(){
$('.bg').css({"background-color":"blue"});
},function(){
$('.bg').css({"background-color":"white"});
});
$('.bg').data('bg', $('.bg').css('background-color')).on({
mouseenter: function() {
$('.bg').css('background-color', 'cyan');
},
mouseleave: function() {
$('.bg').css('background-color', $(this).data('bg'));
}
});