當前位置：
首頁 >
jQuery.unwrap() 函数详解
發布時間：2023/12/19
34
生活家
生活随笔
收集整理的這篇文章主要介紹了
jQuery.unwrap() 函数详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
unwrap()函數用于移除每個匹配元素的父元素。
unwrap()將移除當前匹配元素的父元素，但會保留其所有的后輩元素。你可以使用該函數快速取消通過wrap()函數為匹配元素添加的父級包裹元素。
與該函數相對的是wrap()函數，用于將每個匹配元素用指定的元素包裹起來。
該函數屬于jQuery對象(實例)。
語法
jQuery 1.4 新增該函數。
jQueryObject.unwrap( )
如果當前匹配元素的父元素為body元素，則unwrap()函數不會移除body元素。
返回值
unwrap()函數的返回值為jQuery類型，返回當前jQuery對象本身(以便于進行鏈式風格的編程)。
示例&說明
unwrap()函數用于移除每個匹配元素的父元素：
<div><p>段落文本1<span></span></p></div>
<div><p>段落文本2<span></span></p></div>
<!--以上是jQuery代碼執行前的html內容-->
<script type="text/javascript">
$("p").unwrap( );
</script>
<!--以下是jQuery代碼執行后的html內容-->
<p>段落文本1<span></span></p>
<p>段落文本2<span></span></p>
登錄后復制
unwrap()函數和replaceWith()函數具有以下等價代碼：
$("selector").unwrap( );
// 等價于(父元素為body時除外)
// 用其父元素的所有子節點替換掉父元素
$("selector").parent().replaceWith( function(){
return $(this).contents();
} );
登錄后復制
以下面這段HTML代碼為例：
<p id="n1">
<span id="n2">span#n2</span>
</p>
<p id="n3">
<label id="n4">label#n4</label>
<span id="n5">span#n5</span>
</p>
<span id="n6">span#n6</span>
登錄后復制
以下jQuery示例代碼用于演示unwrap()函數的具體用法：
// 移除每個span元素的父元素
// n6的父元素為body元素，body元素不會被移除
$("span").unwrap( );
登錄后復制
上述代碼執行后的完整html代碼如下(格式未作任何調整)：
<span id="n2">span#n2</span>
<label id="n4">label#n4</label>
<span id="n5">span#n5</span>
<span id="n6">span#n5</span>
登錄后復制
以上就是jQuery.unwrap() 函數詳解的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的jQuery.unwrap() 函数详解的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 安卓期末项目源码_手机随时随地写Pyth
- 下一篇： 微信抖抖赢口红怎么玩