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/

子列表变化

1 个答案: