注意:eq(index)選擇器與:nth-child(n)選擇器的不同之處在于:
:eq(index)選擇器只匹配一個(gè)元素,并且是所有匹配到的元素中的第index + 1
個(gè)元素(索引index
從0開(kāi)始算起);
:nth-child(n)選擇器則需要判斷匹配到的元素是否是其父元素的第n
個(gè)子元素或符合特定要求(序號(hào)n
從1開(kāi)始算起),如果是就保留,否則將被舍棄。
// 這里的selector表示具體的選擇器
// 這里的index表示指定的索引值
jQuery( "selector:eq(index)" )
參數(shù) | 描述 |
---|---|
selector | 一個(gè)有效的選擇器。 |
index | 指定的索引值,從0開(kāi)始計(jì)數(shù)。 |
1.8 新增支持參數(shù)index
可以為負(fù)數(shù)。如果index
為負(fù)數(shù),則將其視作length + index
,這里的length
指的是匹配到的元素的個(gè)數(shù)(也可以理解為從后往前計(jì)數(shù))。
返回封裝了匹配選擇器selector
的DOM元素中指定索引index
處的元素的jQuery對(duì)象。
如果索引值超出有效范圍,則返回空的jQuery對(duì)象。
以下面這段HTML代碼為例:
<div id="n1">
<div id="n2">
<ul id="n3">
<li id="n4">item1</li>
<li id="n5">item2</li>
<li id="n6">item3</li>
</ul>
</div>
<div id="n7">
<ul id="n8">
<li id="n9">item1</li>
<li id="n10">item2</li>
</ul>
</div>
</div>
現(xiàn)在,我們想要查找第2個(gè)div標(biāo)簽,則可以編寫(xiě)如下jQuery代碼:
// 選擇了id為n2的一個(gè)元素
$("div:eq(1)");
接著,獲取匹配ul li選擇器的元素中的第4個(gè)元素,則可以編寫(xiě)如下jQuery代碼:
// 選擇了id為n9的一個(gè)元素
$("ul li:eq(3)");
聯(lián)系客服