Selector jQuery :n-th-last-of-type()
Ejemplo
Seleccione cada elemento <p> que sea el tercer elemento <p> de su padre, contando desde el último hijo:
$("p:nth-last-of-type(3)")
Definición y uso
El selector :n-th-last-of-type( n ) selecciona todos los elementos que son el n -ésimo hijo, de un tipo particular, de su padre, contando desde el último hijo.
Sugerencia: use el selector :n-th-last-child() para seleccionar todos los elementos que son el n -ésimo hijo, independientemente del tipo , de su padre, contando desde el último hijo.
Sintaxis
: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 |
Pruébelo usted mismo - Ejemplo
Cómo seleccionar cada elemento <p> que sea el primer elemento <p> de todos los elementos <div>, contando desde el último hijo.
Cómo usar una fórmula ( an + b ) para seleccionar diferentes elementos <p>, contando desde el último hijo.
Cómo usar pares e impares para seleccionar diferentes elementos <p>, contando desde el último elemento secundario.
La diferencia entre p:nth-child(2), p :nth-last-child(2), p:nth-of-type(2) y p:nth-of-last-type(2).