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



我目前正在处理jQuery中的可排序交互。至于现在,我添加了一个未排序的列表,它显示为我的项目的网格。源代码相当于我在jQuery演示部分中找到的代码。我希望用户能够显示数据库的一些值,让他们将每个项目移动到自己选择的位置,并将更改发送回服务器。我实现了几乎所有的功能,但我不知道如何在用户根据他们的需求对列表进行排序后,在客户端获得项目列表。

我的问题是:在用户移动项目后,如何获得所有项目的数组?我试图使用这样的东西访问列表的源代码:

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

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

必须有一种更容易的方法来访问它们。如有任何帮助,我们将不胜感激。

$('#sortable li')

返回可排序文件中的所有元素。如果你想显示它们的值,你可以使用

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

它将按正确(排序)的顺序打印出所有节点的所有文本值。

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

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

$('#sortable li')[index]

看起来这就是您所需要的:

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

http://jqueryui.com/demos/sortable/#display-网格

$(#sortable)为您获取可排序的标记,.sortable为您访问可排序的方法。

最新更新