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 | 指定要包裹每个选定元素的结构 可能的值:
|
function(index) | 指定一个返回包裹元素的函数
|