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] XML文字列をXMLドキュメントに変換する($.parseXML)

XML文字列をXMLドキュメントに変換するには、$.parseXML()を使用します。 サンプルソース 例)XML文字列 ...

[jQuery] 要素が空かどうか判定する($.isEmptyObject)

jQueryで要素が空かどうか判定するには、$.isEmptyObject()を使用します。 サンプルソース 例)変数o ...

[jQuery] プラグインを自作する

jQueryのプラグインを自作するサンプルです。 構文 プラグインは以下の構文で記述します。 (構文) (functio ...

[jQuery] 指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得する(.prevUntil)

指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得するには、.prevUntil() を使用します。 ...

[jQuery] 要素を条件指定して取得する(.filter)

要素を条件指定して取得するには、filterメソッドを使用します。 サンプルソース 例)divタグでclass="b"の ...

スポンサーリンク