jQuery | slice() 与示例

简介

slice() 是 jQuery 中对数组（或类数组对象）切片的方法，将一个数组变成一个子集。

语法

$(selector).slice(start, end)

参数：

• start: 必需，规定从何处开始选取元素，如果是负数，则从数组末尾开始算起。
• end：可选，规定从何处结束选取元素，如果是负数，则从数组末尾开始算起（不包含该元素）。

返回值：返回包含选定元素的 jQuery 对象。

示例

创建一个 div 列表：

<div>第 1 个 div 元素</div>
<div>第 2 个 div 元素</div>
<div>第 3 个 div 元素</div>
<div>第 4 个 div 元素</div>
<div>第 5 个 div 元素</div>
<div>第 6 个 div 元素</div>

例 1：获取第 2 个 div

$("div").slice(1,2).css("background-color", "yellow");

结果：第 2 个 div 的背景色变为黄色。

例 2：获取倒数第 2 个至倒数第 1 个 div

$("div").slice(-2,-1).css("background-color", "yellow");

结果：倒数第 2 个和倒数第 1 个的背景色变为黄色。

例 3：获取第 3 个及其之后的 div

$("div").slice(2).css("background-color", "yellow");

结果：第 3 个及其之后的 div 的背景色变为黄色。

总结

slice() 方法用于从一个匹配的元素集合中获取一个子集。该方法可以接受一个或两个参数，分别表示开始和结束的索引。 这个方法返回一个新的 jQuery 对象，其中包含从原集合中提取出的元素。