jQuery | toArray() 方法

在 jQuery 中，toArray() 方法用于将 jQuery 对象转换为数组形式，返回一个包含 jQuery 对象中每个元素的数组。

语法

$(selector).toArray();

参数

无

返回值

一个包含 jQuery 对象中每个元素的数组。

示例

HTML 代码如下：

<ul>
  <li>Apple</li>
  <li>Orange</li>
  <li>Banana</li>
</ul>

// 获取所有列表项
var liArray = $('li').toArray();

// 显示数组中第二个列表项的文本
console.log(liArray[1].textContent);

输出结果为 'Orange'。

注意事项

• 如果要将 jQuery 对象转换为类似于数组的对象，也可以使用 .slice() 方法。具体实现方式如下：

var obj = {0:"Apple", 1:"Orange", 2:"Banana", length:3};
var arr = [].slice.call(obj, 0);
console.log(arr); // ["Apple", "Orange", "Banana"]

• toArray() 方法返回的是 DOM 元素数组，而不是 jQuery 对象数组。如果需要对返回结果进行 jQuery 方法调用，则需要再次将数组包装为 jQuery 对象：

var $liArray = $($('li').toArray());
$liArray.removeClass('selected');

• toArray() 方法也可以接受一个参数，用于指定从哪个位置开始将元素添加到数组中。

var arr = $('li').toArray(1);  // 将从第二个列表项（下标为 1）开始添加到数组中
console.log(arr); // [<li>Orange</li>, <li>Banana</li>]