jQuery unWrap()

jQuery unWrap() 方法用于移除被选元素的父元素，即解除父子关系，并保留被选元素在 DOM 树中的位置。

语法

$(selector).unwrap();

参数

该方法不接收任何参数。

返回值

该方法返回原始被选元素的 jQuery 对象。

示例

假设我们有以下的 HTML 结构：

<div class="wrapper">
  <p>Hello</p>
</div>

现在，我们要移除 <div> 元素，只保留其中的 <p> 元素。

$(document).ready(function(){
  $('.wrapper p').unwrap();
});

以上代码会在页面加载完成后，找到 .wrapper p 元素，并移除其父元素 .wrapper。

移除之后，HTML 结构变为：

<p>Hello</p>

注意事项

• 如果被选元素没有父元素，该方法不会有任何影响。
• 如果被选元素有多个父元素，该方法只会移除第一个父元素。
• 这个方法不能移除跨越多个级别的父元素。如果要移除多个级别的父元素，可以使用更通用的 jQuery.replaceWith() 方法。

更多关于 jQuery unWrap() 方法的详细信息，请参考官方文档：jQuery unWrap()