分類:[JavaScript]
初心者です。
ご教授お願いします。
以下のようなツリー構造となっている(階層は不定)の文字列から、
javaScript(jQuery)を使ってulの要素を作り出したいのですが、
どのようなプログラムを書けばよいでしょうか?
再帰処理という考え方でできそうなのですが、
どのようにプログラムを書けばよいかわからず。
【例:ツリー構造の文字列】
AAA
AAA-1
AAA-1-1
AAA-1-1-1
AAA-1-2
AAA-1-2-1
AAA-1-2-2
AAA-1-3
AAA-2
AAA-2-1
BBB
CCC
CCC-1
CCC-2
【期待する結果】
<ul>
<li>AAA
<ul>
<li>AAA-1
<ul>
<li>AAA-1-1
<ul>
<li>AAA-1-1-1</li>
</ul>
</li>
<li>AAA-1-2
<ul>
<li>AAA-1-2-1</li>
<li>AAA-1-2-2</li>
</ul>
</li>
<li>AAA-1-3</li>
</ul>
</li>
<li>AAA-2
<ul>
<li>AAA-2-1</li>
</ul>
</li>
</ul>
</li>
<li>BBB</li>
<li>CCC
<ul>
<li>CCC-1</li>
<li>CCC-2</li>
</ul>
</li>
</ul>
|