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 и JSON
- jQuery - Как получить значение тега или содержимое элемента
- jQuery - пример только дочернего селектора
- Как проверить, существует ли элемент в jQuery
- Пример jQuery clone ()
- Как обновить страницу в jQuery?
- Как выбрать радио-кнопку с помощью jQuery
- jQuery - пример селектора потомков
- jQuery - Как получить элемент с именем и идентификатором класса CSS
- jQuery - Универсальный ** пример селектора
- Примеры событий в форме jQuery
- jQuery - пример пустого селектора
- jQuery - Как получить имя тега
- пример jQuery after () и insertAfter ()
- Как выбрать радио-кнопку с помощью jQuery
- jQuery - Пример не селектора
- jQuery - Пример селектора соседнего брата
- Выберите несколько элементов в jQuery
- Разница между filter () и find () в jQuery
- jQuery - пример дочернего селектора