jQuery wrap() 方法

wrap()方法将使用指定的 HTML 元素来包裹每个被选元素。

使用unwrap()方法删除所选元素的父元素。

语法：

包裹元素：

$(selector).wrap(wrappingElement)

使用函数包裹元素：

$(selector).wrap(function(index))

将DIV元素包裹在每个<p>元素周围：

示例

$("button").click(function(){
  $("p").wrap("<div></div>");
});

本示例使用document.createElement()创建DIV元素，并将其包裹在每个<p>元素周围：

示例

$("button").click(function(){
  $("p").wrap(document.createElement("div"));
});

使用函数包裹元素：

示例

$("button").click(function(){
  $("p").wrap(function(){
      return document.createElement("div");
  });
});

在包装和展开元素之间切换：

示例

$("#btn1").click(function(){
  $("p").wrap("<div></div>");
});
$("#btn2").click(function(){
  $("p").unwrap();
});

参数	描述
wrappingElement	指定要包裹每个选定元素的结构可能的值： HTML元素 DOM元素 jQuery对象
function(index)	指定一个返回包裹元素的函数 index-返回元素在集合中的索引位置