返回值:jQueryunwrap()

从 DOM 中，移除匹配元素的父元素，仅留下匹配的元素。

1.4 新增unwrap()

.unwrap() 方法移除匹配元素的父元素。其作用和 .wrap() 方法相反。匹配的元素(和它们的兄弟元素，如果有的话)在 DOM 结构中会替换掉它们的父元素。

示例:

在每个段落外，使用 div 包裹或（去除包裹）。

<!DOCTYPE html>
<html>
<head>
<style>
  div { border: 2px solid blue; }
  p { background:yellow; margin:4px; }
  </style>
<script src="jquery.min.js"></script>
</head>
<body>

<button>wrap/unwrap</button>
<p>Hello</p>
<p>cruel</p>
<p>World</p>

<script>


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

</script>
</body>
</html>

演示: