Detaillierte Erläuterung der Funktion jQuery.unwrap()

Die Funktion unwrap() wird verwendet, um das übergeordnete Element jedes passenden Elements zu entfernen.

unwrap() entfernt das übergeordnete Element des aktuell übereinstimmenden Elements, behält aber alle seine Nachkommen bei. Mit dieser Funktion können Sie das übergeordnete Wrapping-Element, das über die Funktion wrap() zum passenden Element hinzugefügt wurde, schnell abbrechen.

Das Gegenteil dieser Funktion ist die Funktion wrap(), die verwendet wird, um jedes passende Element mit dem angegebenen Element zu umschließen.

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

jQuery 1.4 Neu hinzugefügtdiese Funktion.

jQueryObject.unwrap( )

Wenn das übergeordnete Element des aktuell übereinstimmenden Elements das Body-Element ist, entfernt die Funktion unwrap() das Body-Element nicht.

Rückgabewert

unwrap()Der Rückgabewert der Funktion ist vom Typ jQuery und gibt das aktuelle jQuery-Objekt selbst zurück (um die Programmierung im Kettenstil zu erleichtern).

Beispiel und Beschreibung

Die Funktion unwrap() wird verwendet, um das übergeordnete Element jedes passenden Elements zu entfernen: Die Funktion

<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() und replaceWith() Funktion hat den folgenden äquivalenten Code:

$("selector").unwrap( );
// 等价于(父元素为body时除外)
// 用其父元素的所有子节点替换掉父元素
$("selector").parent().replaceWith( function(){
    return $(this).contents();
} );

Nehmen Sie den folgenden HTML-Code als Beispiel:

<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>

Der folgende jQuery-Beispielcode wird verwendet, um die spezifische Verwendung des Unwrap( ) Funktion:

// 移除每个span元素的父元素
// n6的父元素为body元素，body元素不会被移除
$("span").unwrap( );

Der vollständige HTML-Code nach der Ausführung des obigen Codes lautet wie folgt (das Format wurde in keiner Weise angepasst):

    <span id="n2">span#n2</span>    
    <label id="n4">label#n4</label>
    <span id="n5">span#n5</span>
<span id="n6">span#n5</span>

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Funktion jQuery.unwrap(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!