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] クリックする毎に画像を切り替える

クリックする毎に画像を切り替えるサンプルです。 サンプルソース 例)クリックする毎に画像を切り替える [crayon-5 ...

[jQuery] ダブルクリックイベントを設定する(.dblclick)

ダブルクリックイベントを設定するには、.dblclick()を設定します。 サンプルソース 例)ボタンをダブルクリックす ...

[jQuery] バインドされたイベントを削除する(.unbind)

指定した要素にバインドされたイベントを削除するには、.unbindを使用します。 サンプルソース 例)ボタンを押すとバイ ...

[jQuery] スクロールした座標を取得する(.scrollTop/.scrollLeft)

jQueryでスクロールした座標を取得するには、.scrollTop()/.scrollLeft()を使用します。 サン ...

[jQuery] 指定した要素の兄弟要素を全て取得する(.siblings)

指定した要素の兄弟要素を全て取得するには、.siblings() を使用します。 構文 (構文) .siblings([ ...

スポンサーリンク