デモ appendでネストさせるやり方 完成イメージ <div> <ul> <li>sample text</li> </ul> </div> ulの中にliが入って入れ子(ネスト)状態になることを目指す。 html,cssの準備 <div></div> div要素だけ書いておく。 div ul{ height:20px; background:#888; } div > li{/*入れ子失敗*/ color:red; } div ul > li{/*入れ子成功*/ color:white; } 入れ子ができたら、テキストが白となる。 入れ子が失敗したら、テキストが赤となる。 入れ子失敗例 $("div").append("<ul>").append("<li>test1</li>"); appendしてから、おしりにまたappendを書く。 <div> <ul> </ul> <li>sa