jQuery で要素のすぐ下に要素を追加する方法です。例えば以下のようなページで見出し h1 のすぐ下にコメントを挿入したい場合。
以下のようなコードを書けば挿入できます。このコードを言葉で説明すると「 h1 の下に I wanna be… というテキストを含んだ段落を追加する」という意味になります。jQuery のコードですので jQuery のライブラリは予め読み込んでおいて下さい。
1 | $('h1').after('<p>I wanna be... I wanna be...</p>'); |
これを実行すると以下のようになります。
h1 の直下にコメントを表示することができましたね。この方法は以下のページが参考になりました。
コメント