最新的Web开发教程
 

jQuery :nth-of-type() Selector

<jquery选择

选择每个<p>元素,它是第三<p>它的父元素:

$("p:nth-of-type(3)")
试一试»

定义和用法

:nth-of-type( n )选择器选择的是所有元素n th孩子一个特定类型的父母的。

提示:使用:nth-child()选择器选择的是所有元素n th孩子,无论类型 ,他们的父母。


句法

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

参数 描述
n 每个孩子的指数相匹配。

必须是一个数字。 第一元件具有索引号1。
even 选择每个连子元素
odd 选择每个奇数子元素
formula 指定哪个子元件(多个),以与式来选择( an + b )
例如: p:nth-of-type(3n+2)选择每个第3段,开始在第2段

试一试 - 示例

选择每个<p>元素是第二<p>所有的元素<div>元素
如何选择每个<p>元素是第二<p>所有的元素<div>元素。

使用式(一个+ b)的
如何使用一个公式( an + b )选择不同的子元素。

使用"even""odd"
如何使用奇数和偶数选择不同的子元素。

区别:nth-child() :第n-最后一子() , :nth-last-child() :第n-的类型():nth-of-type() :第n-的倒数型() :nth-of-last-type()
之间的差p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2)p:nth-of-last-type(2)


<jquery选择