jQuery Zebra Striping: пропустить первую строку - PullRequest
1 голос
/ 06 января 2012

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

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

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

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

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

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

Ответы [ 2 ]

8 голосов
/ 06 января 2012

Просто добавьте исключение в ваш селектор для первой строки, используя jQuery Не селектор

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

Вот скрипка , показывающая его в действии.

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

1 голос
/ 06 января 2012

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

$("#my_table tbody tr:first")
  .removeClass("stripeWhite")
  .removeClass("stripeBlack")
  .addClass("stripeRed");
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...