スポンサード リンク
jquery after()メソッド
afterメソッドを使ってセレクタで指定した要素の後ろにテキストや要素を挿入します
テキストだけでなく要素も挿入できます
指定したHTML要素の後ろに挿入する
指定した要素の後ろに挿入するメソッド
after("要素かテキスト");
jquery
$(function() { $("p#hoge").after("<b>挿入しました</b>"); });
html
<p id="hoge">テキスト</p>
実行前
テキスト
実行後
テキスト
jqueryオブジェクトを挿入する
要素やテキストだけでなくjqueryオブジェクトも挿入できますafter(jqueryオブジェクト);
jquery
$(function() { $("p#hoge3").after($("p#hoge2").text()); });
html
<p id="hoge2">1行目の文字</p> <p id="hoge3"><b>2行目の文字</b></p>
実行前
1行目の文字
2行目の文字
実行後
1行目の文字
2行目の文字