jquery wrapAllメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery wrapAll()メソッド

wrapAllメソッドは、セレクタで指定した複数の要素を引数に指定した要素でまとめて囲みます

$("囲われる要素").wrapAll("囲う要素")

結果的に複数の要素をまとめて親要素を作ることができます

指定した複数のHTML要素を引数に指定した要素で囲みます

jquery

$(function() {
	$("span.hoge").wrapAll("<b></b>");
});

html

<span class="hoge">囲まれる要素</span>
<br>
<span class="hoge">囲まれる要素2</span>
<br>
<span class="hoge">囲まれる要素3</span>

実行前

囲まれる要素
囲まれる要素2
囲まれる要素3

実行後

囲まれる要素
囲まれる要素2
囲まれる要素3

実行後のhtml

実行後は要素の間にあったテキストや要素は除かれます
<b>
<span class="hoge">囲まれる要素</span>
<span class="hoge">囲まれる要素2</span>
<span class="hoge">囲まれる要素3</span>
</b>
<br>
<br>




(C)2012 ホームページ作成無料