jQuery wrap() 方法

jQuery HTML/CSS 方法

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-返回元素在集合中的索引位置

jQuery HTML/CSS 方法