insertAfterメソッド

insertAfterメソッドは、指定した要素の後に テキストを追加します。同様の動作をするメソッドとして、 after メソッドも存在します。

構文

要素の後にテキストを挿入する:

javascript$(テキスト).insertAfter(セレクター);

コンテンツは、通常のテキストだけでなく、 DOM要素、セレクター、要素の配列、文字列、 またはjQueryオブジェクトでも可能です。

例

指定した段落の後にタグ付きのテキストを 挿入してみましょう:

html<p id="test">段落</p>

javascript$('<p>!!!</p>').insertAfter('#test');

HTMLコードは以下のようになります:

html<p id="test">段落</p><p>!!!</p>

関連項目