jquery 给html指定标签增加元素

jquery 给html指定标签增加元素
wrap
html (string) : html标记代码字符串，用于动态生成元素并包裹目标元素

示例
把所有的段落用一个新创建的div包裹起来

html 代码:

<p>test paragraph.</p>
jquery 代码:

$("p").wrap("<div class='wrap'></div>");
结果:

<div class="wrap"><p>test paragraph.</p></div>

返回值
jquery

参数
elem (element) : 用于包装目标元素的dom元素

示例
用id是"content"的div将每一个段落包裹起来

html 代码:

<p>test paragraph.</p><div id="content"></div>
jquery 代码:

$("p").wrap(document.getelementbyid('content'));
结果:

<div id="content"><p>test paragraph.</p></div><div id="content"></div>

参数
html (string) : tml标记代码字符串，用于动态生成元素并包装目标元素

示例
用一个生成的div将所有段落包裹起来

html 代码:

<p>hello</p><p>cruel</p><p>world</p>
jquery 代码:

$("p").wrapall("<div></div>");
结果:

<div><p>hello</p><p>cruel</p><p>world</p></div>

wrapinner

参数
html (string) : html标记代码字符串，用于动态生成元素并包装目标元素

示例
把所有段落内的每个子内容加粗

html 代码:

<p>hello</p><p>cruel</p><p>world</p>
jquery 代码:

$("p").wrapinner("<b></b>");
结果:

<p><b>hello</b></p><p><b>cruel</b></p><p><b>world</b></p>

content (string, element, jquery) : 用于将匹配元素替换掉的内容

示例
把所有的段落标记替换成加粗的标记。

html 代码:

<p>hello</p><p>cruel</p><p>world</p>
jquery 代码:

$("p").replacewith("<b>paragraph. </b>");
结果:

<b>paragraph. </b><b>paragraph. </b><b>paragraph. </b>