グループのホバリングのために

Question

そこにtrをグループ化する方法がありますので、ホバーオーバーすると5つのホバー機能が起動されます。

私はこれを個別に行うことができますが、5行を1つのグループとして機能させたいと思います。その5行のどこにでも、ホバーが影響します。あなたがホバリングすると、それは消え去る。

私は現在、この行を個々の行に使用しています。

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

Answer 1

<tbody />タグで行をグループ化できます。 specによれば、表には「0以上のtbody要素」が含まれている可能性があります。

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

Answer 2

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

あなたがホバー上で強調表示されるようにしたいものにクラスを割り当て、それにイベントを添付することができます。

Answer 3

5行の各セットを別々の<tbody>にグループ化し、<tbody>にホバー効果を適用する必要があります。