insertAfterメソッド
insertAfterメソッドは、指定した要素の後に
テキストを追加します。同様の動作をするメソッドとして、
after
メソッドも存在します。
構文
要素の後にテキストを挿入する:
$(テキスト).insertAfter(セレクター);
コンテンツは、通常のテキストだけでなく、 DOM要素、セレクター、要素の配列、文字列、 またはjQueryオブジェクトでも可能です。
例
指定した段落の後にタグ付きのテキストを 挿入してみましょう:
<p id="test">段落</p>
$('<p>!!!</p>').insertAfter('#test');
HTMLコードは以下のようになります:
<p id="test">段落</p><p>!!!</p>
関連項目
-
指定した要素の後にテキストを追加するメソッド
after -
ページ上の特定の場所にコンテンツを追加できるメソッド:
insertBefore,appendTo,prependTo -
選択した要素のコピーを作成するメソッド
clone