javascript - 子列表变体

Question

我一直在使用 jQuery 创建一个简单的子列表，但是我生成的子列表的样式如下：

parent
 -> child1
 -> child2
 -> childN

我要生成的列表样式需要这样渲染。

parent
 -> child1
  --> child2
   --->childN

这样一个孩子就被附加了一个新的子节点。

目前我一直在使用 jQuery 的 .last().append() 功能，但是它们似乎只能生成示例 1，并且由于某种原因，我终生无法解决这个非常基本的问题，我应该使用 prepend( )，但我觉得这可能无法正常工作？

var nodeSets = document.createElement(arrayElems[0]);

for (var i=1; i < arrayElems.length; i++) {
 $(nodeSets).last().append(document.createElement(arrayElems[i]));
}

Answer 1

HTML

<div id='target'/>

javascript:

var elems=[
    '<div>test</div>',
    '<div>test2</div>',
    '<div>test3</div>',
    '<div>test4</div>',
    '<div>test5</div>',
    '<div>test6</div>',
    '<div>test7</div>'
    ];
var lastelem=$('#target');
for (var n in elems) {
    var e=$(elems[n]);
    lastelem.append(e);
    lastelem=e;
}

http://jsfiddle.net/BhZtu/1/