我目前正在处理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为您访问可排序的方法。