我目前正在玩 jQuery 中的sortable 交互。至于现在,我添加了一个未排序的列表,该列表显示为我的项目的网格。 源代码 等同于我在 jQuery demo section 中找到的那个.我希望用户能够显示数据库的一些值,让他们将每个项目移动到他们选择的位置并将更改发送回服务器。我实现了几乎所有的事情,但是我不知道如何在用户根据他们的需要对列表进行排序后在客户端获取项目列表。
我的问题是:如何在用户移动项目后获取所有项目的数组?我尝试使用如下方式访问列表的源代码:
$( "#sortable" ).toArray()[0]
它返回一个 HTMLUListElement 对象。 innerText 字段未定义,innerHTML 返回整个未排序列表的源代码,但我想遍历此列表的所有项目。
必须有一种更简单的方法来访问它们。任何帮助将不胜感激。
最佳答案
$('#sortable li')
返回可排序的所有元素。 如果你想显示它们的值,你可以使用
$('#sortable li').text()
这将以正确(排序)的顺序打印出所有节点的所有文本值。
要分别访问它们中的每一个,您可以使用
$('#sortable li').eq(index)
或
$('#sortable li')[index]
关于javascript - 如何在 jQuery 中列出可排序网格列表的项目?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9658225/