ログイン

問題17 要素を複製しよう

JavaScriptの問題

JavaScript

要素を複製しよう

問題

.cloneをクリックしたらulの最後に複製したliを複製しよう

自分の環境に書くコード

              <div class="clone">複製する</div>
<ul>
    <li>忍者CODE</li>
</ul>
¥HTML¥
            

期待する画面

ログインして解答を見る
コードのアイコン

解答ソースコード

              $(function(){
 $('.clone').on('click', function(){
  let li_clone = $('li').eq(0).clone();
  $('ul').append(li_clone);
 });
});
¥JavaScript¥
            
答えのアイコン

解説

クローンするにはcloneが使えます。
非常に便利です。
ただし検索エンジンからは検知されない可能性があるので、
SEOに影響する範囲での使用は気をつけましょう。
完了にする!
1.JavaScriptでできること
続きの動画を見たい方は公式LINEから「JavaScript」と送信すると動画が見れます。
LINEの友達追加でお役立ち動画をGET!!