首頁  >  選擇器  > :nth-last-child

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

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

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

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

這個(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-child(3n+2) 從倒數(shù)第二個(gè)子元素開始,匹配每個(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-child(2)");