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 - Ajax-запрос возвращает 200 OK, но событие ошибки происходит
- Пример jQuery prev ()
- jQuery - пример селектора потомков
- Пример выбора форм jQuery
- Как получить последний твит через jQuery
- jQuery - Первый ребенок
- Как установить значение выпадающего списка в jQuery
- Пример jQuery clone ()
- jQuery - Как получить имя тега
- Пример jQuery text ()
- jQuery - Как получить имя тега
- Как проверить/снять флажок с помощью jQuery
- jQuery - содержит пример селектора
- Выберите несколько элементов в jQuery
- jQuery - Пример селектора соседнего брата
- jQuery - пример дочернего селектора