エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQueryのappendを使ってulの中に入れ子でliを追加する方法 - not good but great
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQueryのappendを使ってulの中に入れ子でliを追加する方法 - not good but great
デモ appendでネストさせるやり方 完成イメージ <div> <ul> <li>sample text</li> </ul> </div> ulの中... デモ 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