jQuery - пример селектора nth-child

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