jQuery

[jQuery] 要素の後ろにタグを追加する(.after)

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

要素の後ろにタグを追加するには、afterを使います。

サンプル

例)ボタンを押すと、要素の後にxyzを追加する

実行例

ボタンを押すと要素(abc)の後ろに要素(xyz)を追加します。

abc

appendとの違い

似たメソッドに .appendがありますが、appendは対象の要素内の末尾に追加するのに対し、afterは対象要素の外側の末尾に追加されるという違いがあります。

after、appendの違い
例)「<div>abc</div>」に追加する  「.append("<b>xyz</b>");」の場合   →<div>abc<b>xyz</b></div>  「.after("<b>xyz</b>");」の場合   →<div>abc</div><b>xyz</b>

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] セレクトボックスの要素をセットする

jQueryでセレクトボックスの要素をセットするサンプルです。 サンプルソース 例)ボタンを押すとセレクトボックスの要素 ...

[jQuery] XMLドキュメントかどうかを判定する($.isXMLDoc)

指定されたノードがXMLドキュメントかどうかを判定するには、$.isXMLDoc()を使用します。 サンプルソース 例) ...

[jQuery] マウスボタン押し下げイベントを設定する(.mousedown)

jQueryでマウスボタン押し下げイベントを記述するには、.mousedown()を使用します。 サンプルソース 例)マ ...

[jQuery] 要素を囲んでいるタグを削除する(.unwrap)

要素を囲んでいるタグを削除するには、unwrapを使用します。 サンプル 例)ボタンを押すと、指定した要素を囲っているタ ...

[jQuery] POSTリクエストを送信する($.post)

POSTリクエストを送信するには、$.post()を使用します。 構文 (構文) $.post(<URL> [,<データ ...

スポンサーリンク