首頁  >  選擇器  > :nth-last-of-type

返回值:jQuery:nth-last-of-type(n|even|odd|formula)

V1.9jQuery :nth-last-of-type 選擇器概述

選擇的所有他們的父級元素的第n個(gè)子元素,計(jì)數(shù)從最后一個(gè)元素到第一個(gè)。

因?yàn)閖Query的實(shí)現(xiàn):nth-是嚴(yán)格來自CSS規(guī)范,n值是“1-indexed”,也就是說,從1開始計(jì)數(shù)。 對于所有其他選擇器表達(dá)式比如:eq()?或?:even?,jQuery遵循JavaScript的“0索引”的計(jì)數(shù)。因此,給定一個(gè)單一<ul>包含3個(gè)<li>,$('li:nth-last-of-type(1)')選擇第3個(gè),也就是最后一個(gè)<li>。

這個(gè)不尋常的用法,可進(jìn)一步討論中找到?W3C CSS specification.

參數(shù)

nV1.9

匹配子元素序號

必須為整數(shù),注意從1開始而不是0

evenV1.9

匹配所有偶數(shù)元素

oddV1.9

匹配所有奇數(shù)元素

formulaV1.9

使用特殊公式如(an?+?b)進(jìn)行選擇. 例如:nth-last-of-type(3n+2) 從倒數(shù)第二個(gè)具備此標(biāo)簽元素開始,匹配每個(gè)3的倍數(shù)的元素

示例

在每個(gè)匹配的ul中查找倒數(shù)第二個(gè)li

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>

$("ul li:nth-last-of-type(2)");