jquery insertAfterメソッド

TOPページに戻る > jquery入門

jquery insertAfter()メソッド

insertAfterメソッドは、セレクタで指定した要素を引数に指定した要素の後ろに移動します

指定したHTML要素を移動先の要素の後ろに移動するメソッド

$("移動する要素").insertAfter("移動先の要素")

下記の場合は、id名がhoge2のb要素をid名がhogeのp要素の後ろに移動しています

jquery

$(function() {
	$("b#hoge2").insertAfter("p#hoge");
});

html

<b id="hoge2">移動する要素</b>
<p id="hoge">テキスト</p>

実行前

移動する要素

テキスト

実行後

移動する要素

テキスト