jQuery wrapInner() 方法

jQuery HTML/CSS 方法 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 HTML/CSS 方法 jQuery HTML/CSS 方法