:eq() Selector
eq selector
version added: 1.0jQuery(':eq(index)')
- index
- 從 0 開始計數(shù).
描述: 選擇一個給定索引值的元素。(從 0 開始計數(shù))
這種索引相關(guān)的選擇器(:eq(), :lt(), :gt(), :even, :odd)過濾他們前面的匹配表達(dá)式的集合元素。他們縮小匹配元素的順序范圍。例如,如果第一個選擇器使用類選擇器( .myclass )進(jìn)行匹配,四個元素返回,這些元素是給定索引是0到3。
請注意,由于JavaScript數(shù)組使用基于0的索引 ,這些選擇器也是如此。這就是為什么$('.myclass:eq(1)')選擇器選擇文檔中第二個MyClass類的元素,而不是第一個。與此相反,:nth-child(n)是基于1的索引的,以符合CSS規(guī)范。
Example:
Finds the third td.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<table border="1">
<tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
<tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
<tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>
<script>$("td:eq(2)").css("color", "red");</script>
</body>
</html>