TOC

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

Попробуйте демо

Related