定义和用法

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

语法

wrapInner(htm|ele|fnl)
参数描述
htmlHTML标记代码字符串,用于动态生成元素并包装目标元素
elem用于包装目标元素的DOM元素
fn生成包裹结构的一个函数

例子 1

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

# jQuery 代码:
$("p").wrapInner("<b></b>");

例子 2

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

# jQuery 代码:
$("p").wrapInner(document.createElement("b"));

例子 3

用原先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>

问题没有解决?建议您查阅官方文档:http://api.jquery.com/wrapInner/