Ordina la tabella usando tablesorter e cambia lo sfondo al passaggio del mouse sulle righe pari e dispari

http://jsfiddle.net/6ecr4/8/

$(document).ready(function () { $(".items").tablesorter(); $('.items tr:even').addClass('ItemEvenRow'); $('.items tr').hover(function () { $(this).addClass("ItemRowHover"); }, function () { $(this).removeClass("ItemRowHover"); }); }); 

HTML:

 
Last Name First Name Email Due Web Site
Smith John [email protected] $50.00 http://www.jsmith.com
Bach Frank [email protected] $50.00 http://www.frank.com
Doe Jason [email protected] $100.00 http://www.jdoe.com
Conway Tim [email protected] $50.00 http://www.timconway.com

Le righe pari non possiedono l’hover, ma solo quelle dispari. Richiede entrambe le righe, anche se uguali, per cambiare lo sfondo al passaggio del mouse. Le intestazioni dovrebbero essere come sono senza modifiche.

L’hover non funziona su righe pari a causa della precedenza CSS. Rendi il selettore più specifico come questo (aggiungi una tr in primo piano, demo aggiornata ):

 tr.ItemRowHover {background-color:#A00000; }