jQuery :nth-Selector child()

Selector de jQuer

：nth-child（nEl selector ) selecciona todos los elementos que pertenecen a su elemento padre:El n-ésimo hijoTodos los elementos del elemento.

Uso：nth-de-type()El selector selecciona todos los elementos de un tipo específico que pertenecen a su elemento padre:El n-ésimo hijoTodos los elementos del elemento.

Sintaxis:

$(":nth-child(number|An+(B|impar|par)")

Ejemplo

Cada elemento <p> que selecciona como su tercer subelemento de padre:

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

Los palabras clave de número impar y par se utilizan para coincidir con los elementos secundarios de índice impar o par:

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

Se utiliza la fórmula (An + B）。Notas:ARepresenta un tamaño de buclenEs un contador (comienza en 0), mientras queBEs un valor desplazamiento:

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

Valor del parámetro

Selector de jQuer