wrapInner(html|ele|fn)

最后更新于:2022-04-01 05:54:46

### 返回值:jQuerywrapInner(htm|ele|fnl) ### 概述 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来 这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。 ### 参数 #### **html**String*V1.2* HTML标记代码字符串,用于动态生成元素并包装目标元素 #### **elem**Element*V1.2* 用于包装目标元素的DOM元素 #### **fn**Function*V1.4* 生成包裹结构的一个函数 ### 示例 #### 参数html描述: 把所有段落内的每个子内容加粗 ##### jQuery 代码: ~~~ $("p").wrapInner("<b></b>"); ~~~ #### 参数elem描述: 把所有段落内的每个子内容加粗 ##### jQuery 代码: ~~~ $("p").wrapInner(document.createElement("b")); ~~~ #### 回调函数 描述: 用原先div的内容作为新div的class,并将每一个元素包裹起来 ##### HTML 代码: ~~~ <div class="container"> <div class="inner">Hello</div> <div class="inner">Goodbye</div> </div> ~~~ ##### jQuery 代码: ~~~ $('.inner').wrapInner(function() { return '<div class="' + $(this).text() + '" />'; }); ~~~ ##### 结果: ~~~ <div class="container"> <div class="inner"> <div class="Hello">Hello</div> </div> <div class="inner"> <div class="Goodbye">Goodbye</div> </div> </div> ~~~
';