wrap(fn)


version 1.4 以降

解説

マッチした要素を、指定した関数が返すHTMLの構造で囲みます。

引数

  • fn
    Function: 囲むHTMLを返す関数

戻り値

  • jQuery: jQueryオブジェクト

関連


例1:p要素を、点線枠をもつdiv要素で囲みます。

// dot_borderクラス
.dot_border {border:2px dotted green; margin:5px;}
$("#test_result p").wrap(function(i){
    return $("<div />", {class: 'dot_border'});
});

p要素1

p要素2

p要素3


引数の「HTMLの構造」について

引数に渡すことができるのは、HTMLの「構造(structure)」です。
テキストを含む要素を指定した場合は、意図した通りに動作しません。

例)
<div class="className"></div>
×<div class="className">あいうえお</div>