jQuery

[jQuery] 要素内の先頭にタグを追加する(.prepend)

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

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

サンプル

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

実行サンプル

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

abc

beforeとの違い

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

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] テキストの選択範囲のカーソル位置を取得する

テキストボックスの選択範囲のカーソル位置を取得するサンプルです。 サンプルソース 例)選択範囲のカーソル開始位置と終了位 ...

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

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

[jQuery] 子要素に指定した要素を持っているか判定する(.has)

子要素に、指定した要素を持っているかどうか判定するには、hasを使用します。 サンプルソース 例)子要素にpを持っている ...

[jQuery] 要素を指定したタグで囲う(.wrap)

要素を指定したタグで囲うには、wrapを使用します。 サンプル 例)ボタンを押すと、要素をbタグで囲う [crayon- ...

[jQuery] セレクトボックスにoptionを追加する

セレクトボックスにoptionを追加するサンプルです。 サンプルソース 例)ボタンを押すと、セレクトボックスに要素を追加 ...

スポンサーリンク