jQuery で任意の要素のすぐ下に要素を追加する

jQuery で要素のすぐ下に要素を追加する方法です。例えば以下のようなページで見出し h1 のすぐ下にコメントを挿入したい場合。

以下のようなコードを書けば挿入できます。このコードを言葉で説明すると「 h1 の下に I wanna be… というテキストを含んだ段落を追加する」という意味になります。jQuery のコードですので jQuery のライブラリは予め読み込んでおいて下さい。

1

$('h1').after('<p>I wanna be... I wanna be...</p>');

これを実行すると以下のようになります。

h1 の直下にコメントを表示することができましたね。この方法は以下のページが参考になりました。

• bodyタグのすぐ下に要素を挿入 – sheherher