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

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサーリンク