Latest web development tutorials

jQuery :nth-last-child() 選擇器

jQuery 選擇器 jQuery選擇器

實例

選取屬於其父元素的第三個子元素的<p> 元素,從最後一個子元素開始計數:

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

嘗試一下»

定義和用法

:nth-last-child( n )選擇器選取屬於其父元素的不限類型的第n個子元素的所有元素,從最後一個子元素開始計數。

提示:請使用:nth-last-of-type()選擇器來選取屬於其父元素的不限類型的第n個子元素的所有元素,從最後一個子元素開始計數。


語法

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

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

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


實例

嘗試一下- 實例

選取所有<div>元素的第一個子元素的每個<p>元素,從最後一個子元素開始計數
如何選取所有<div> 元素的第一個子元素的<p> 元素,從最後一個子元素開始計數。

使用公式(an + b)
如何使用公式( an + b )來選取不同的子元素,從最後一個子元素開始計數。

使用"偶數"和"奇數"
如何使用偶數和奇數來選取不同的子元素,從最後一個子元素開始計數。

:nth-child()、:nth-last-child()、:nth-of-type()和: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 選擇器 jQuery選擇器