要素を複製しよう
問題
.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¥
完了にする!
1.JavaScriptでできること
解説
非常に便利です。
ただし検索エンジンからは検知されない可能性があるので、
SEOに影響する範囲での使用は気をつけましょう。