0

私は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]));
}
4

1 に答える 1

3

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/

于 2012-08-06T13:35:43.653 に答える