Question

is there a way to group tr’s in a table so when you hover over lets say five of them the hover function is fired?

I can do this individually but I would like 5 rows to act as one group. So anywhere in that 5 rows the hover is in affect. When you hover out it goes away.

I am currently using this for individual rows.

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

Answer 1

you can group rows in <tbody /> tags. according to the spec a table can contain “zero or more tbody elements”

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