javascript - jQuery 可排序 : storing values in an multipledimensional array

Question

我有一个可排序列表(jQuery UI)，格式如下:

<ul class="baseList">
    <li id="3">Item 1
        <ul class="childList">
            <li id="68">Child 1 of Item 1</li>
            <li id="69">Child 2 of Item 1</li>
            <li id="70">Child 3 of Item 1</li>
        </ul>   
    </li>
    <li id="8">Item 2
        <ul class="childList">
            <li id="81">Child 1 of Item 2</li>
            <li id="83">Child 2 of Item 2</li>
        </ul> 
    </li>
</ul>

我想要实现的是获取一个由如下内容组成的数组变量:

var entireList = []; entireList = [[3,[68, 69, 70], 8, [81, 83]]]

所以我可以将该变量发布到 PHP 以在数据库中处理它。

我似乎无法弄清楚如何在 javascript 中解决这个问题。到目前为止我所拥有的内容如下:

var childList = $('.childList, .baseList').sortable({
        placeholder: "ui-state-highlight",
        opacity: 0.6,
        update: function(event, ui){
            var childArray = $('.childList').sortable('toArray');
            var parentsArray = $('.baseList').sortable('toArray');
            for(p in parentsArray)
            {
                postChildData[parentsArray[p]] = childArray;
            }
            console.log(postChildData);
        }
    });

现在效果减半，我的结果是: [3: Array[3], 8: Array[3]]归根结底，它只需要第一个 <li> 的 child 元素。

这里有人可以帮我获取一个像我上面写的数组(整个列表)一样的数组吗？

Answer 1

不要在 for 循环中使用 childArray，而是使用以下代码:

$('#' + parentsArray[p] + ' > ul').sortable('toArray');