jQuery

[jQuery] 要素まとめて指定したタグで囲う(.wrapAll)

投稿日:

要素まとめて指定したタグで囲うには、.wrapAll()を使用します。

サンプルソース

例)class="d1"の要素を<p class='a'></p>で囲う

実行サンプル

ボタンを押すと、class="d1"の要素のみ枠線で囲われます

class="d1"です
class="d2"です
class="d1"です

解説

  • wrapAllは、指定した要素全てを指定したタグで囲います。
  • 囲われている要素が離れていてもまとめられて囲われます。
  • 似たメソッドに.wrap()があります。.wrap()と.wrapAll()の違いは以下の通りです。
     wrap:指定した要素をそれぞれ囲う
     wrapAll:指定した要素をまとめて囲う

関連項目


スポンサーリンク

スポンサーリンク

-jQuery

執筆者:


comment

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

関連記事

[jQuery] クリックする毎に画像を切り替える

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

[jQuery] jQueryのバージョンを取得する($.fn.jquery)

jQueryのバージョンを取得するには、$.fn.jqueryを使用します。 構文 (jQueryのバージョンを取得する ...

[jQuery] 要素から配列を作成する(.makeArray)

要素から配列を作成するには、makeArrayメソッドを使用します。 サンプルソース 例)全てのdiv要素から配列にする ...

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

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

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

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

スポンサーリンク