jQueryでリストの最後に要素を追加する方法

この記事は約1分で読めます。

リストの最後に要素を追加するってなんだったけ?ってよくなる。
英語がダメな自分は、「最後に追加する」的な英語がパッと出てこないからgoogle翻訳に聞いてみた。
「add at the end」って返ってきた。
jQueryに「$(“”).addAtTheEnd()」なんてあったかな〜。
そんなんなるので、覚えとこ。

リストの最後に追加するのは2個のやり方があるんだ。

1. append()メソッドを使う

一番シンプルな方法は、append()メソッドを使う方法。

$(".list").append("<li>新しいリスト項目</li>");

2. appendTo()メソッドを使う

appendTo()メソッドを使う方法もあります。

$("<li>新しいリスト項目</li>").appendTo(".list");

「append()」と「appendTo()」の違いが分かりずらいよね。
先に要素を指定するのが「append()」。
最後に要素を指定するのが「appendTo()」。
ん〜分かりづらい。

コメント

タイトルとURLをコピーしました