如何在jQuery中列出可排序网格列表的项目？

Question

我目前正在使用jQuery中的可排序交互。至于现在，我添加了一个未排序的列表，它被显示为我的项目的网格。 源代码等同于我在jQuery demo section中找到的代码。我希望用户能够显示数据库的某些值，让他们将每个项目移动到他们选择的位置，并将更改发送回服务器。我实现了几乎所有这样做，但是在用户根据需要对列表进行排序后，我不知道如何在客户端获取项目列表。

我的问题是：在用户移动项目后，如何获取所有项目的数组？我尝试使用以下内容访问列表的源代码：

$( "#sortable" ).toArray()[0]

返回 HTMLUListElement 对象。字段 innerText 未定义， innerHTML 返回整个未排序列表的源代码，但是我想遍历此列表中的所有项目。

必须有一种更简单的方法来访问它们。任何帮助将不胜感激。

Answer 1

$('#sortable li')

返回可排序的所有元素。 如果要显示它们的值，可以使用

$('#sortable li').text()

将以右（排序）顺序打印出所有节点的所有文本值。

要分别访问它们，您可以使用

$('#sortable li').eq(index)

或

$('#sortable li')[index]

Answer 2

看起来这就是你所需要的：

$("#sortable").sortable( "toArray" )[0]

http://jqueryui.com/demos/sortable/#display-grid

$（＃sortable）为您提供可排序的标记，.sortable可让您访问可排序的方法。