Селектор jQuery : nth-last-of-type()
Пример
Выберите каждый элемент <p>, который является третьим элементом <p> своего родителя, считая от последнего дочернего элемента:
$("p:nth-last-of-type(3)")
Определение и использование
Селектор :nth-last-of-type( n ) выбирает все элементы, которые являются n -ми дочерними элементами определенного типа их родителя, считая от последнего дочернего элемента.
Совет. Используйте селектор :nth-last-child() , чтобы выбрать все элементы, которые являются n -ми дочерними элементами, независимо от типа , их родителя, считая от последнего дочернего элемента.
Синтаксис
:nth-last-of-type(n|even|odd|formula)
| Parameter | Description |
|---|---|
| n | The index of each child to match. Must be a number. The first element has the index number 1. |
| even | Selects each even child element |
| odd | Selects each odd child element |
| formula | Specifies which child element(s) to be selected with a formula (an + b). Example: p:nth-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd paragraph |
Попробуйте сами — пример
Как выбрать каждый элемент <p>, который является первым элементом <p> всех элементов <div>, считая от последнего ребенка.
Как использовать формулу ( an + b ) для выбора различных элементов <p>, считая от последнего дочернего элемента.
Как использовать «четные» и «нечетные» для выбора разных элементов <p>, считая от последнего дочернего элемента.
Разница между p:nth-child(2), p :nth-last-child(2), p:nth-of-type(2) и p:nth-of-last-type(2).