jQuery - пример селектора nth-child
JQuerynth-child используется для выбора всех элементов, которые являются ntg-дочерними элементами своего родителя. Nth-child (n) - это «1-индексированный», что означает, что «n» считает, начинается с 1.
Например,
1. $(‘tr:nth-child(3)’) - выбирает все элементы, соответствующие
2. $(‘tr:nth-child(3n)’) - выбирает все элементы, соответствующие
3. $(‘tr:nth-child(even)’) - выбирает все элементы, соответствующие
P.S The ‘even’ and ‘odd’ are always used to create table zebra stripes effect.
Пример jQuery
Простой пример, демонстрирующий использование функции nth-child для динамического изменения цвета фона строки таблицы.
jQuery nth-child example jQuery nth-child example
| Row #1 |
| Row #2 |
| Row #3 |
| Row #4 |
| Row #5 |
| Row #6 |
| Row #7 |
| Row #8 |
| Row #9 |
| Row #10 |
Related
- jQuery - Первый ребенок
- jQuery - Универсальный ** пример селектора
- jQuery - пример только дочернего селектора
- jQuery - содержит пример селектора
- jQuery - Как получить имя тега
- Как выбрать радио-кнопку с помощью jQuery
- jQuery - пример пустого селектора
- Как проверить, существует ли элемент в jQuery
- jQuery - пример пустого селектора
- Отличается между mouseout () и mouseleave () в jQuery
- jQuery - Как получить имя тега
- jQuery - пример только дочернего селектора
- Пример jQuery toggleClass
- jQuery - пример селекторов для детей и братьев и сестер
- jQuery - пример дочернего селектора
- jQuery - пример селектора потомков
- JQuery Ajax отправить форму из нескольких частей
- Как получить идентификатор JSF через jQuery
- Как динамически добавлять/удалять класс CSS в jQuery
- Spring MVC - найти местоположение с помощью IP-адреса (jQuery + Google Map)