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