Question

I had a nicely striped table with some nifty mouseover effects that was working fine until I looked at it today. I didn’t change anything related to this functionality recently but it’s no longer working. The jquery code looks like this:

$(".striped tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
$(".striped tr:even").addClass("alt");

The first selector works and I get the mouseover function. The second one apparently fails on the same table. I tried replacing the .striped target with the ID of the table and then it works, but this function needs to be applied to multiple table IDs.

Anyone ideas folks?

Answer 1

Try adding tbody to your selector

$(".striped tbody tr")