javascript - 从数组填充动态 TreeView

Question

我想从数组填充 TreeView 。我的数组结构是 splitarray = [0,1,2,3,4,....]。我想要这样的精确输出

   1
    |_2
       |_3
          |_4
             5
              |_

    var treeRoot = "<ul>";
    var treeRepeat = "";

    for (var i = 0; i < splitArray.length; i++) {
        treeRepeat = treeRepeat + "<ul><li><span>" + splitArray[i] + "</span></li>"
        treeRepeat = treeRepeat + "</ul>";
    }

    alert(treeRepeat);

Answer 1

也许这有帮助。

它具有 Array.prototype.reduceRight 和一些基本标记方法。

var data = [1, 2, 3, 4, 5, 6];
document.body.appendChild(data.reduceRight(function (r, a) {
    var ul = document.createElement('ul'),
        li = document.createElement('li');
    li.innerHTML = a;
    r && li.appendChild(r);
    ul.appendChild(li);
    return ul;
}, undefined));