Juery手册 专题
专题目录
您的位置:JS框架 > Juery手册专题 > Jquery1.7-wrapInner(html|ele|fn)
Jquery1.7-wrapInner(html|ele|fn)
作者:--    发布时间:2019-11-21

返回值:jquerywrapinner(htm|ele|fnl)

概述

将每一个匹配的元素的子内容(包括文本节点)用一个html结构包裹起来

这个函数的原理是检查提供的第一个元素(它是由所提供的html标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。

参数

htmlstringv1.2

html标记代码字符串,用于动态生成元素并包装目标元素

elemelementv1.2

用于包装目标元素的dom元素

fnfunctionv1.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>
网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册