HTMLの要素の前に移動 insertBefore()

jQueryはいろいろな命令でHTMLやCSSを簡単に変更したり追加することが出来ます。

指定した要素を他の要素の前に移動するには、
insertBefore()を使います。

下記の例では
#firstのID属性の付いたp要素内の前に、#secondのID属性の付いたp要素を移動します。

■javascript

$(function(){
$("button").click(function(){
$("p#second").insertBefore("p#first");
});
});

■HTML


■表示結果

テキスト1

テキスト2

投稿者:

kishiken

企業務めのWEBデザイナーです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です