jQuery :nth-Seletor child()

Seletor do jQuer

：nth-child（nO seletor ) escolhe todos os elementos pertencentes ao elemento pai:O n-ésimo filhoOs elementos dos elementos.

Usar：nth-de-type()O seletor escolhe todos os elementos de um tipo específico pertencentes ao elemento pai:O n-ésimo filhoTodos os elementos de um elemento.

Sintaxe:

$(":nth-child(number|An+B|odd|even)")

Exemplo

Selecione cada elemento <p> que seja o terceiro filho de seu pai:

$("document").ready(function(){
　　$("p:nth-child(3").css("background", "coral");
});

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

$("document").ready(function(){
　　$("p:nth-child(even)").css("background", "coral");
　　$("li:nth-child(odd)").css("background", "coral");
});

Usando a fórmula (An + B）。Explicação:ARepresenta um tamanho do ciclo,nÉ um contador (começando em 0), enquantoBÉ um valor deslocamento:

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

Valor do Parâmetro

Seletor do jQuer