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()会对  每一个匹配的元素  的内容 用一个标签  来包裹