Latest web development tutorials

jQuery: Selector de orden n-de-tipo ()

selector de jQuery selector de jQuery

Ejemplos

Cada elemento <p> de su elemento padre perteneciente al tercer elemento seleccionado <p>:

$("p:nth-of-type(3)")

Trate »

Definición y Uso

: N-ésimo de tipo (n ) selector selecciona todos los elementos que pertenecen a un tipo particular de elemento padre n-ésimo elemento.

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


gramática

:nth-of-type( n |even|odd| formula )

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

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


Ejemplos

Trate - Ejemplo

Cada elemento <p> para seleccionar todos los elementos <div> del segundo elemento <p>
Cada elemento <p> ¿Cómo seleccionar todos los elementos <div> del segundo elemento <p>.

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