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 slideUp (), slideDown () и slideToggle ()
- jQuery - Пример селектора соседнего брата
- Пример выбора форм jQuery
- Пример jQuery click () и dblclick ()
- jQuery - Универсальный ** пример селектора
- jQuery - Пример не селектора
- jQuery - пример только дочернего селектора
- Как проверить, загружена ли библиотека jQuery?
- цикл jQuery над строкой JSON - пример $ .each
- jQuery - пример дочернего селектора
- jQuery - пример пустого селектора
- Пример jQuery wrap ()
- jQuery - Первый ребенок
- Пример списка jQuery и Java
- Как проверить/снять флажок с помощью jQuery
- Как обновить страницу в jQuery?
- Как проверить, существует ли элемент в jQuery
- jQuery - Пример селектора соседнего брата