jQuery Zebra Striping: Skip First Row

Question

Мне нужна помощь с зеброй, разбивающей таблицу, используя jQuery. Я хочу, чтобы первая строка таблицы была красной, а затем зебра разделила остальные строки.

я могу сделать первую строку таблицы красной с помощью:

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

Но, если я добавляю зебру следующим образом, то она перекрывает красную полосу.

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

Как пропустить первый ряд при полоскании зебры?

Answer 1

Просто добавьте исключение вашего выбора для первой строки с помощью JQuery Not селектор

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

Вот fiddle показывая его в действии.

ИЛИ вы можете установить цвет первой строки ПОСЛЕ чередования.

Answer 2

запустить последний:

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