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 - Пример селектора соседнего брата
- JQuery Ajax отправить форму из нескольких частей
- jQuery - Как получить элемент с именем и идентификатором класса CSS
- jQuery - пример дочернего селектора
- jQuery - пример селектора потомков
- Пример jQuery mousemove ()
- Пример jQuery fadeIn (), fadeOut () и fadeTo ()
- Как проверить, загружена ли библиотека jQuery?
- Пример jQuery toggleClass
- jQuery - Пример селектора соседнего брата
- Разница между filter () и find () в jQuery
- Пример Spring Boot Ajax
- jQuery - содержит пример селектора
- jQuery - пример селекторов для детей и братьев и сестер
- Spring 4 MVC Ajax Hello World Пример
- Пример выбора форм jQuery