多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
### 返回值: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> ~~~