jQuery wrapInner() メソッド

❮ jQuery HTML/CSS メソッド

各 <p> 要素のコンテンツの周りを <b> 要素でラップする:

$("button").click(function(){
    $("p").wrapInner("<b></b>");
});
Try it Yourself »

定義と用法

wrapInner() メソッドは、選択した各要素のコンテンツ (innerHTML) の周りを指定した HTML 要素でラップします。


構文

$(selector).wrapInner(wrappingElement,function(index))

パラメータ 説明
wrappingElement 必須。選択した各要素の周りをラップする HTML 要素を指定する

指定可能な値:

  • HTML 要素
  • jQuery オブジェクト
  • DOM 要素
function(index) 任意。ラップする要素を返す関数を指定する
  • index - セット内の要素のインデックス位置を返す

Try it Yourself - 例

DOM で新規要素を作成する
document.createElement() を使用して要素を作成し、選択した各要素のコンテンツのまわりをそれでラップする方法。

関数を使用してコンテンツをラップする
関数を使用して、選択した各要素のコンテンツのまわりを何でラップするかを指定します。


❮ jQuery HTML/CSS メソッド