jQuery 遍歷 slice() 方法

jQuery 參考手冊(cè) 遍歷

slice() 把匹配元素集合縮減為指定的指數(shù)范圍的子集。

1. 語(yǔ)法

.slice(selector,end)

如果給定一個(gè)表示 DOM 元素集合的 jQuery 對(duì)象，.slice() 方法用匹配元素的子集構(gòu)造一個(gè)新的 jQuery 對(duì)象。已應(yīng)用的 index 參數(shù)集合中其中一個(gè)元素的位置；如果省略 end 參數(shù)，則 index 之后的所有的所有元素都會(huì)包含在結(jié)果中。

請(qǐng)思考這個(gè)帶有簡(jiǎn)單列表的頁(yè)面：

<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)集合應(yīng)用該方法：

$('li').slice(2).css('background-color', 'red');

此次調(diào)用的結(jié)果是項(xiàng)目 3、4 和 5 的背景被設(shè)置為紅色。請(qǐng)注意，已應(yīng)用的 index 參數(shù)基于零，引用的是 jQuery 對(duì)象中元素的位置，而非 DOM 樹中的。

end 參數(shù)允許我們更進(jìn)一步地限制選取范圍。比如：

$('li').slice(2, 4).css('background-color', 'red');

現(xiàn)在，只有項(xiàng)目 3 和 4 會(huì)被選取。再次說明，index 是基于零的；范圍會(huì)延伸到（但不包含）指定的 index。

負(fù)的指數(shù)

jQuery 的 .slice() 方法模仿了 JavaScript 數(shù)組對(duì)象的 .slice() 方法。它所模仿的特性之一是向 start 或 end 參數(shù)傳遞負(fù)數(shù)的能力。如果提供負(fù)數(shù)，則指示的是從集合結(jié)尾開始的一個(gè)位置，而非從開頭。例如：

$('li').slice(-2, -1).css('background-color', 'red');

這次，只有列表項(xiàng) 4 會(huì)變紅，這是因?yàn)樵擁?xiàng)目是介于從結(jié)尾計(jì)數(shù)的二 (-2) 與從結(jié)尾計(jì)數(shù)的一 (-1) 的之間的范圍中的唯一項(xiàng)目。

2. 范例

選中所有段落，然后將所選內(nèi)容縮減為只包含第一和第二個(gè)段落：

$("p").slice(0, 2).wrapInner("<b></b>");

jQuery 參考手冊(cè) 遍歷