Latest web development tutorials

jQuery: Selector de nth-child ()

selector de jQuery selector de jQuery

Ejemplos

Cada elemento <p> de su elemento padre que pertenece a la tercera sub-elemento seleccionado:

$("p:nth-child(3)")

Trate »

Definición y Uso

: Selector de nth-child (n) selecciona todos los elementos que pertenecen a su elemento padre no se limita al tipo de n-ésimo elemento.

Consejo: Uso : nth-de-tipo () selector para seleccionar todos los elementos que pertenecen a su elemento padre no se limita al tipo de n-ésimo elemento.


gramática

:nth-child( n |even|odd| formula )

参数 描述
n 要匹配的每个子元素的索引。

必须是一个数字。第一个元素的索引号是 1。
even 选取每个偶数子元素。
odd 选取每个奇数子元素。
formula 规定哪个子元素需通过公式 ( an + b ) 来选取。
实例:p:nth-child(3n+2) 选取每个第三段,从第二个子元素开始。


Ejemplos

Trate - Ejemplo

Cada elemento <p> para seleccionar todos los elementos <div> en la segunda sub-elemento
Cada elemento <p> ¿Cómo seleccionar todos los elementos <div> en la segunda sub-elemento.

Utilizando la ecuación (a + b)
Cómo utilizar una fórmula (a + b) para seleccionar un diferentes sub-elementos.

Use "par" y "extraño"
Cómo seleccionar diferentes sub-elementos pares e impares.

: Nth-child (),: enésimo -last-infantil (),: nth-de-tipo () y: nth-de-la última de tipo diferente entre ()
P: nth-child (2), p: nth-last-child (2), p: nth-de-tipo (2) y p: entre el enésimo-de-tipo-pasado (2) son diferentes.


selector de jQuery selector de jQuery