jquery悬停同一类的多个元素

Question

我有一张包含一年中的 12 个月(一月到十二月)的表格

然后我将一些月份组合在一起，即:jan 到 apr = group1，mar 到 jun = group2

所以我想做的就是更改具有相同组名的所有元素的背景颜色。

$('.group1').hover(function() {
    $(this).addClass('tbl_navGroupHover');
}, function() {
    $(this).removeClass('tbl_navGroupHover');
});

$('.group2').hover(function() {
    $(this).addClass('tbl_navGroupHover');
}, function() {
    $(this).removeClass('tbl_navGroupHover');
});

http://jsfiddle.net/Q49Rd/1/

更新，我采用了这个解决方案 - tx 寻求您的帮助:

<script>";
for ($i = 1; $i < 13; $i++) {
echo "$('.group$i').hover(function() {
    $('.group$i').addClass('tbl_navGroupHover');
}, function () {
    $('.group$i').removeClass('tbl_navGroupHover');
});";
}
echo "</script>";

Answer 1

将this替换成组类名，也可以使用toggleClass方法。

$('.group1').hover(function() {
    $('.group1').toggleClass('tbl_navGroupHover');
});

$('.group2').hover(function() {
    $('.group2').toggleClass('tbl_navGroupHover');
});

http://jsfiddle.net/5cAfR/

请注意，您还没有在 fiddle 中加载 jQuery。