如何在jQuery中列出可排序網格列表的項目？

Question

我目前正在玩jQuery中的可排序交互。 至於現在，我添加了一個未排序的列表，它被顯示為我的項目的網格。 源代碼等同於我在jQuery演示部分中找到的源代碼 。 我希望用戶能夠顯示數據庫的某些值，讓他們將每個項目移動到他們選擇的位置，並將更改發送回服務器。 我實現了所有要做的事情，但是在用戶根據需要對列表進行排序后，我不知道如何在客戶端獲取項目列表。

我的問題是：在用戶移動項目后，如何獲取所有項目的數組？ 我嘗試使用以下內容訪問列表的源代碼：

$( "#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使您可以訪問可排序的方法。