Телефон: +7(812)9922114
Портфолио
Создание сайтов Оптимизация и продвижение сайтов Обслуживание сайтов Создание уникальных текстов Создание и обработка графики Создание программного обеспечения

Таблица зебра с эффектом подсветки ряда

Таблица "зебра" - таблица, в которой цвет фона четных и нечетных рядов чередуется:

Таблица зебра
Таблица зебра
Таблица зебра
Таблица зебра

На этапе генерации такой таблицы не всегда имеется возможность обеспечить такое чередование. JQUERY предоставляет возможность раскрасить таблицу уже после того, как она будет создана.

Для этого в JQUERY имеется функция filter(), позволяющая отфильтровать четные ряды при помощи селектора even:

$("#products tbody > tr").filter(":even");

Список доступных для функции filter селекторов

Далее с найденными объектами можно проделать процедуру изменения CSS или добавить класс.

Если добавить каждому четному ряду таблицы класс even, то обработчик подсветки для текущего ряда нашей таблицы-зебры будет таким:

Еще один вариант:

Реклама и продвижение

---

Скрипты на PHP, JAVASCRIPT и JQUERY

---

Полезные программы

---
©1998-2019. Санкт-Петербург. IT-студия "Кленовый лист"