jQuery wrapInner() 方法

最后更新于：2022-03-26 22:51:30

jQuery wrapInner() 方法

jQuery wrapInner() 方法 jQuery HTML/CSS 方法

实例

在每个 <p> 元素的内容上包裹 <b> 元素：

$("button").click(function(){
$("p").wrapInner("<b></b>");
});

尝试一下 »

定义和用法

wrapInner() 方法使用指定的 HTML 元素来包裹每个被选元素中的所有内容（innerHTML）。

语法

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

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

可能的值：

  • HTML 元素
  • jQuery 对象
  • DOM 元素
function(index) 可选。规定返回包裹元素的函数。

  • index – 返回集合中元素的 index 位置。

实例

更多实例


通过 DOM 创建新元素
如何使用 document.createElement() 来创建元素，并用它包裹每个被选元素的内容。

使用函数包裹内容
使用函数规定用什么包裹每个被选元素的内容。

jQuery wrapInner() 方法 jQuery HTML/CSS 方法