jQuery

[jQuery] 要素を移動する(.insertAfter, .insertBefore)

投稿日:2017年6月16日 更新日:

jQueryで要素を移動するには、insertAfterinsertBeforeを使用します。

構文

(構文)
// <b>の後に<a>を移動する $(<a>).insertAfter(<b>); // <b>の前に<a>を移動する $(<a>).insertBefore(<b>);

サンプルソース

例)ボタンを押すと要素を移動する

実行サンプル

ボタンを押すと要素「P1」が移動します。

P1

P2

P3



スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] オブジェクト(連想配列)かどうか判定する($.isPlainObject)

オブジェクト(連想配列)かどうか判定するには、$.isPlainObject()を使用します。 サンプルソース 例)変数 ...

[jQuery] 複数選択セレクトボックスから値とラベルを取得する

複数選択セレクトボックスから値とラベルを取得するサンプルです。 サンプルソース 例)ボタンを押すと選択された内容をale ...

[jQuery] 要素をソートする(.sort)

要素をソートするには、.sortを使用します。 サンプルソース 例)ボタンを押すと、リストの中身を昇順でソートする [c ...

[jQuery] 指定した要素の次以降にある兄弟要素を全て取得する(.nextAll)

指定した要素の次以降にある兄弟要素を全て取得するには、.nextAll()を使用します。 サンプルソース 例)ボタンを押 ...

[jQuery] セレクトボックスの値とラベルを取得する

jQueryでセレクトボックスの値とラベルを取得するサンプルです。 サンプルソース 例)ボタンを押すと選択中のラベルと値 ...

スポンサーリンク