jQuery UI 可排序 toArray() 方法

在使用 jQuery UI 的可排序组件时，我们有时需要将排序后的元素转化为数组形式。这时就可以使用 toArray() 方法。

方法介绍

toArray() 方法用于将可排序的元素转化为数组形式，其语法如下：

$(selector).sortable("toArray");

其中，selector 为可排序元素的选择器。

toArray() 方法返回的是一个数组，数组的元素是排序后的元素的 id 值，例如：

["item1", "item3", "item2"]

使用示例

假设我们有如下 HTML 结构：

<ul id="sortable">
  <li id="item1">Item 1</li>
  <li id="item2">Item 2</li>
  <li id="item3">Item 3</li>
</ul>

我们可以使用如下 JavaScript 代码，将排序后的元素转化为数组形式：

var sortedIds = $("#sortable").sortable("toArray");
console.log(sortedIds);

该代码运行后，控制台将输出以下结果：

["item1", "item3", "item2"]

注意事项

需要注意的是，使用 toArray() 方法时，必须首先启用排序功能。否则，toArray() 方法将无法获取到排序后的元素。

总结

使用 jQuery UI 的可排序组件时，toArray() 方法可以帮助我们将排序后的元素转化为数组形式，方便我们处理数据。同时，在使用该方法时需要注意启用排序功能。