jQuery 遍歷 slice() 方法
jQuery 遍歷 slice() 方法
slice() 把匹配元素集合縮減為指定的指數范圍的子集。
1. 語法
.slice(selector,end)
參數 | 描述 |
---|---|
selector |
基于 0 的整數值,指示開始選取元素的位置。 如果是負數,則指示從集合末端開始的偏移量。 |
end |
基于 0 的整數值,指示結束選取元素的位置。 如果是負數,則指示從集合末端開始的偏移量。 如果省略,則選取范圍會在集合末端結束。 |
如果給定一個表示 DOM 元素集合的 jQuery 對象,.slice() 方法用匹配元素的子集構造一個新的 jQuery 對象。已應用的 index 參數集合中其中一個元素的位置;如果省略 end 參數,則 index 之后的所有的所有元素都會包含在結果中。
請思考這個帶有簡單列表的頁面:
<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>
我們可以向列表項集合應用該方法:
$('li').slice(2).css('background-color', 'red');
此次調用的結果是項目 3、4 和 5 的背景被設置為紅色。請注意,已應用的 index 參數基于零,引用的是 jQuery 對象中元素的位置,而非 DOM 樹中的。
end 參數允許我們更進一步地限制選取范圍。比如:
$('li').slice(2, 4).css('background-color', 'red');
現在,只有項目 3 和 4 會被選取。再次說明,index 是基于零的;范圍會延伸到(但不包含)指定的 index。
負的指數
jQuery 的 .slice() 方法模仿了 JavaScript 數組對象的 .slice() 方法。它所模仿的特性之一是向 start 或 end 參數傳遞負數的能力。如果提供負數,則指示的是從集合結尾開始的一個位置,而非從開頭。例如:
$('li').slice(-2, -1).css('background-color', 'red');
這次,只有列表項 4 會變紅,這是因為該項目是介于從結尾計數的二 (-2) 與從結尾計數的一 (-1) 的之間的范圍中的唯一項目。
2. 范例
選中所有段落,然后將所選內容縮減為只包含第一和第二個段落:
$("p").slice(0, 2).wrapInner("<b></b>");
相關文章
- jQuery 簡介
- jQuery 選擇器
- jQuery 效果 滑動
- jQuery 尺寸
- jQuery 遍歷 祖先
- jQuery AJAX load() 方法
- jQuery 參考手冊 選擇器
- jQuery 參考手冊 CSS 操作
- jQuery 事件 click() 方法
- jQuery 事件 delegate() 方法
- jQuery 事件 isDefaultPrevented() 方法
- jQuery 事件 preventDefault() 方法
- jQuery 事件 timeStamp 屬性
- jQuery 事件 which 屬性
- jQuery 事件 focus() 方法
- jQuery 事件 mouseenter() 方法
- jQuery 事件 mouseout() 方法
- jQuery 事件 select() 方法
- jQuery 事件 trigger() 方法
- jQuery 事件 undelegate() 方法