jQuery wrapAll() 方法

jQuery HTML/CSS 方法

wrapAll()方法将指定的HTML元素包裹在所有选定的元素周围。

语法:

$(selector).wrapAll(wrappingElement)

示例

将DIV元素包裹在所有<p>元素周围:

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

本示例使用document.createElement()创建DIV元素,并将其包裹在所有<p>元素周围:

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

请注意,在此示例中,段落之间的所有内容都被遗忘了,例如(关于我呢?):

这是第一段。

这是第二段。

那我呢?

这是最后一段。

运行代码

wrap()方法和wrapAll()方法之间的区别:

$("#btn1").click(function(){
  $("p").wrap("<div></div>");
});
$("#btn2").click(function(){
  $("p").wrapAll("<div></div>");
});
测试看看‹/›

参数值

参数描述
wrappingElement指定要包裹所有选定元素的结构

可能的值:

  • HTML元素

  • DOM元素

  • jQuery对象

jQuery HTML/CSS 方法