jQuery wrapInner() 方法

jQuery HTML/CSS 方法

wrapInner()方法将指定的HTML元素包裹在每个选定元素的内容周围。

语法:

在内容周围包裹一个元素:

$(selector).wrapInner(wrappingElement)

使用函数将元素包裹在内容周围:

$(selector).wrapInner(function(index))

实例

将<b>元素包裹在每个<p>元素的内容周围:

$("button").click(function(){
  $("p").wrapInner("<b></b>");
});
测试看看‹/›

本示例使用document.createElement()创建一个<b>元素,并将其包裹在每个<p>元素的内容周围:

$("button").click(function(){
  $("p").wrapInner(document.createElement("b"));
});
测试看看‹/›

使用函数包裹内容:

$("button").click(function(){
  $("p").wrapInner(function(){
      return document.createElement("b");
  });
});
测试看看‹/›

参数值

参数描述
wrappingElement指定包围在每个被选元素的内容周围的 HTML 元素。

可能的值:

  • HTML元素

  • DOM元素

  • jQuery对象

function(index)指定一个返回包裹元素的函数
  • index-返回元素在集合中的索引位置

jQuery HTML/CSS 方法