试图从2维数组中生成树的HTML

Question

我正在尝试从2d数组中生成类似（jsTree）的树的HTML但没有成功。

我有以下数组：My Array

从这个数组我想创建一个树html（ul和li）结构，如：

<ul id="ParentId-0">
    <li id="categoryID-1" data-parentid="1">
        bla bla
        <ul id="ParentId-1">
            <li id="categoryID-20" data-parentid="20">
                some Title
                <ul id="ParentId-20">......</ul>
            </li>
        </ul>
    </li>

    <li id="categoryID-2" data-parentid="2">
        second li Title
        <ul id="ParentId-2">
            <li id="categoryID-46" data-parentid="46">
                Another Title
                <ul id="ParentId-46">
                    <li id="categoryID-300" data-parentid="30">
                        And another Category
                        <ul id="ParentId-300"></ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

有想法的人吗？

修改

我尝试过使用DOMDocument来创建树，但是它工作了40到50秒才加载，我试图找到更快的方法。