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()関数の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。