jQuery Zebra Striping: pule a primeira linha - jquery, html-table, jquery-selectors

Eu preciso de alguma ajuda com zebra striping uma tabela usando jQuery. Eu quero a primeira linha da tabela para ser vermelho e, em seguida, zebra listra o resto das linhas.

Eu posso fazer a primeira linha da tabela vermelha usando:

$("#my_table tbody tr:even").addClass("stripeRed");

Mas, se eu adicionar a faixa de zebra da seguinte maneira, ela substituirá a listra vermelha.

$("#my_table tbody tr:even").addClass("stripeWhite");
$("#my_table tbody tr:odd").addClass("stripeBlack");

Como faço para pular a primeira linha quando o zebra striping?

Respostas:

Basta adicionar uma exceção ao seu seletor para a primeira linha usando o jQuery Não seletor

$("#my_table tbody tr:even:not(:first)").addClass("stripeWhite");
$("#my_table tbody tr:odd").addClass("stripeBlack");

Aqui está um violino mostrando isso em ação.

OU você pode definir a cor da primeira linha APÓS a distribuição.

execute este último:

$("#my_table tbody tr:first")
.removeClass("stripeWhite")
.removeClass("stripeBlack")
.addClass("stripeRed");