jquery 包裹節點warp(),warpAll(),warpInner()

<strong>aaaaaaaaaaaaaaaaa</strong>
<strong>bbbbbbbbbbbbbb</strong>

$( "strong").warp("<b></b>");

//得到的結果是
<b><strong>aaaaaaaaaaaaaaaaa</strong></b>
<b><strong>bbbbbbbbbbbbbbb</strong></b>

//warp()會對每一個匹配的元素  單獨包裹

$( "strong").warpAll("<b></b>");

得到的結果是

<b>
<strong>aaaaaaaaaaaaaaaaa</strong>
<strong>bbbbbbbbbbbbbbb</strong>
</b>

warpAll()會對  所有匹配的元素  用一個標籤  來包裹

果被包裹的  多個元素之間有 其他元素，其他元素 會被放到包裹元素 之後。

$( "strong").warpInner("<b></b>");

得到的結果是

<strong><b>aaaaaaaaaaaaaaaaa</b></strong>

<strong><b>bbbbbbbbbbbbbbb</b></strong>

warpInner()會對  每一個匹配的元素  的內容 用一個標籤  來包裹