jQueryのTreeViewは理想的なツリー構造を表現できる凄いプログラム。 ツリー構造を考える まずはツリーを内部で保有するためのデータ構造から考える。 行と空白だけで構成して、テキストエディタから簡単に編集できる形式にした。 エンプレスローブ クインローブ プリンセスローブ ひかりのドレス ロイヤルバッジ 女王のてぶくろ ひめのてぶくろ きふじんのてぶくろ ロイヤルバッジ クインヒール ピンヒール ロイヤルバッジ やわらかウール*2 おうごんのティアラ きんのサークレット ロイヤルバッジ きんかい やわらかウール ツリーデータをHTMLのul、liに変換する 先ほどのツリーデータをHTMLに変換する。ulとliタグで入れ子の形にする エンプレスローブ クインローブ プリンセスローブ ひかりのドレス ロイヤルバッジ 女王のてぶくろ ひめのてぶくろ きふじんのてぶくろ ロイヤルバッジ ク