jQuery

[jQuery] 要素の前にタグを追加する(.before)

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

要素の前にタグを追加するには、beforeを使用します。

サンプル

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

実行例

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

abc

prependとの違い

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

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

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 時間差で処理を行う(.delay)

時間差で処理を行うサンプルです。 サンプルソース 例)2秒後にクラス'abc'を適用する [crayon-5d83d9b ...

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

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

[jQuery] 属性値を設定/取得する(.attr)

属性値を設定/取得するには、.attr()を使用します。 構文 (属性値を取得する構文) var a = attr('< ...

[jQuery] 配列内の要素の有無を判定する($.inArray)

配列内の要素の有無を判定するには、inArrayを使用します。 サンプルソース 例)数値配列arrに、3が存在するか判定 ...

[jQuery] 他要素のイベントを実行する

他要素のイベントを実行するサンプルです。 サンプルソース 例)「ボタン2」をクリックすると、「ボタン1」のクリックイベン ...

スポンサーリンク