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

标签 javascript jquery

我目前正在玩 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/

相关文章:

javascript - 如何重写不提供签名匹配的通用构造函数的定义

使用 https 时 JavaScript 和 CSS 文件内容发生变化

javascript - jQuery - html5sortable - 使用 Ajax 的可排序插件

javascript - 事件处理程序未从 redux 状态访问正确的值

javascript - jQuery click() 并更改选中的值

javascript - 为 ajax 弹出窗口发送文本值

javascript - 获取要在 Bootstrap Popover 中呈现的 javascript highcharts

javascript - Window.open 在 Internet Explorer 中不起作用

javascript - 我如何让声明 "for"在 javascript 中等待

javascript - Scrolltop 水平起点