定義和用法
eq() 方法將匹配元素集縮減值指定 index 上的一個。
語法
.eq(index)
其中的index :
整數,指示元素的位置(最小為 0)。
如果是負數,則從集合中的最後一個元素往回計數。
詳細說明
如果給定表示 DOM 元素集合的 jQuery 對象,.eq() 方法會用集合中的一個元素構造一個新的 jQuery 對象。所使用的 index 參數標示集合中元素的位置。
請看下面這個簡單的列表:
<ul id="keleyieqfunction">
<li><a href="http:///a/bjac/cf99e7d9c491fc50.htm">list item 1</a></li>
<li><a href="http:///a/bjac/68ca3404c7c108ef.htm">list item 2</a></li>
<li><a href="http:///a/bjac/5aed2303707e30fa.htm">list item 3</a></li>
<li><a href="http:///a/bjac/5b62295315de9ace.htm">list item 4</a></li>
<li><a href="http:///a/bjac/5939d3b2c920ff6d.htm">list item 5</a></li>
</ul>
例子 1
我們可以把該方法應用到這個列表項目集:
$('#kele'+'yieqfunction').find('li').eq(2).css('background-color', 'red');
這個調用的結果是為項目 3 設置了紅色背景。請注意,index 是基於零的,並且是在 jQuery 對象中引用元素的位置,而不是在 DOM 樹中。
效果如下:
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
其中的
$('#kele'+'yieqfunction').find('li');
是選擇ul的li子元素,請參考http:///a/bjac/6c5snbtc.htm