jQuery wrapInner()方法|使用指定HTML元素包裹被选元素所有内容

由 hcduguo

jQuery HTML/CSS 方法

定义与用法

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

语法格式

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

示例代码

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

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

亲自试试

参数说明

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

 

可能的值：

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

 

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

更多示例

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

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

jQuery HTML/CSS 方法

相关