小组trs悬停

Question

有没有办法在表格中对tr进行分组，所以当你将鼠标悬停在其中时，可以说其中有五个悬停功能会被触发？

我可以单独执行此操作，但我希望将5行作为一个组。因此，在那5行的任何地方，悬停都会受到影响。当你徘徊时，它会消失。

我目前正在将这个用于各行。

$('#second_step tr').hover(function(){
    $(this).css('background','#eff0ef');
},function(){
    $(this).css('background','#fff');
});

Answer 1

您应该将每组5行分组到单独的<tbody>中，然后将悬停效果应用于<tbody>。

Answer 2

$('#second_step tr.particular').hover(function(){
    $(this).css('background','#eff0ef');
},function(){
    $(this).css('background','#fff');
});

您可以在悬停时为要突出显示的类指定一个类，并将事件附加到该类。

Answer 3

您可以对<tbody />代码中的行进行分组。根据{{​​3}}，一个表可以包含“零个或多个tbody元素”

$('#second_step tbody').hover(function() {
    $(this).children().css('background','#eff0ef');
},function(){
    $(this).children().css('background','#fff');
});