javascript - jQuery UI Sortable 不序列化/toArray 子元素

Question

我有以下列表，当我调用 toArray 时或 serialize它只给我 parent <li> .我试图掌握整个层次结构，因此我可以将此信息存储到数据库中的自引用 heirachy 表中。这里的结果显示item_1,q_6,a_7,g_8。 item_3、item_4、item_5 在哪里。

谢谢

<div id="example5">
    <ul>
         <li id="item_1">Item 1
            <ul id="item_2">
                <li id="item_3">Item 1 1<ul></ul></li>
                <li id="item_4">Item 1 2<ul></ul></li>
                <li id="item_5">Item 1 3<ul></ul></li>
             </ul>
         </li>
         <li  id="q_6">Item 2<ul></ul></li>
         <li  id="a_7">Item 3<ul></ul></li>
         <li  id="g_8">Item 4<ul></ul></li>
    </ul>
</div>

<button id="fred">Click</button>

$("#fred").click(function () {
   //var result = $('#example5 ul').sortable('toArray');
   var result = $('#example5 ul').sortable('serialize'); //Neither work

   alert(result);
});

Answer 1

据我所知，在 jquery UI 中没有默认的序列化嵌套可排序列表的方法。

最好的方法是遍历“#example5 ul”的每个子项并构建您自己的结构(在这种情况下我建议使用 JSON)以发送到服务器。