English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery :nth-last-seletor child()

Seletor jQuer

:nth-last-child(n)seletor para escolher todos os elementos filhos do elemento pai que pertencem a um tipo ilimitado do n-ésimo elemento, contando do último elemento.

Usar:nth-last-de-type()O seletor escolhe o tipo específico do elemento filho do elemento pai a partir do final.O n-ésimo filhoTodos os elementos do elemento.

Sintaxe:

$(:nth-last-child(number|An+B|ímpar|par)")

Exemplo

Contando do final para o início, escolher cada um como o item pai do:5Um elemento <p> do item:

$("document").ready(function(){
  $("p:nth-last-child(5")").css("background", "coral");
});
Teste veja‹/›

Os termos de número ímpar e par são usados para coincidir com elementos filhos cujos índices são ímpares ou pares:

$("document").ready(function(){
  $("p:nth-last-child(even)".css("background", "coral");
  $("li:nth-last-child(odd)").css("background", "coral");
});
Teste veja‹/›

An + B)ARepresenta um tamanho de loop,nÉ um contador (começando por 0), enquantoBÉ um valor deslocado:

$("document").ready(function(){
  $("p:nth-last-child(4n + 1")").css("background", "coral");
  $("li:nth-last-child(3n)").css("background", "coral");
});
Teste veja‹/›

Valor do Parâmetro

ParâmetroDescrição
numberÍndice do elemento filho a ser correspondido (começando por1Fim)
oddSelecione cada elemento filho ímpar
evenSelecione cada elemento filho ímpar
An+BEspecificar o elemento filho a ser selecionado
Exemplo: p: nth-last-child(3n + 2Selecione cada terceiro parágrafo, começando pelo último segundo nó

Seletor jQuer