.eq()
.eq( index ) 返回: jQuery
描述: 獲取匹配集合中指定的元素。
-
version added: 1.1.2.eq( index )
index一個(gè)整數(shù),指示元素基于0的位置。
-
version added: 1.4.eq( -index )
-index一個(gè)整數(shù),指示元素的位置,從集合中的最后一個(gè)元素開(kāi)始倒數(shù)。
如果一個(gè)jQuery對(duì)象表示一個(gè)DOM元素的集合,.eq()
方法從集合的一個(gè)元素中構(gòu)造新的jQuery對(duì)象。所提供的索引標(biāo)識(shí)這個(gè)集合中的元素的位置。
考慮一個(gè)頁(yè)面上一個(gè)簡(jiǎn)單的列表:
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
我們可以在列表項(xiàng)目上設(shè)置此方法:
$('li').eq(2).css('background-color', 'red');
此調(diào)用的結(jié)果是item 3的背景變成紅色。請(qǐng)注意,提供的索引是從零開(kāi)始的,并提及了元素在jQuery對(duì)象中的位置,不在DOM樹(shù)中。
提供一個(gè)負(fù)數(shù)表示的元素的位置從集合中的末尾開(kāi)始,而不是開(kāi)頭。例如:
$('li').eq(-2).css('background-color', 'red');
這一次清單item 4變成了紅色,因?yàn)檫@是從集合的末尾開(kāi)始的第二個(gè)。
如果一個(gè)元素不能在指定的從零開(kāi)始的索引值中被發(fā)現(xiàn),該方法構(gòu)造了一個(gè)空的新jQuery對(duì)象,length
屬性值是0。
$('li').eq(5).css('background-color', 'red');
在這里,列表項(xiàng)都沒(méi)有變成了紅色。
Example:
Turn the div with index 2 blue by adding an appropriate class.
<!DOCTYPE html>
<html>
<head>
<style>
div { width:60px; height:60px; margin:10px; float:left;
border:2px solid blue; }
.blue { background:blue; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
$("body").find("div").eq(2).addClass("blue");
</script>
</body>
</html>