Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Funktion jQuery.wrap()

Detaillierte Erläuterung der Funktion jQuery.wrap()

巴扎黑
巴扎黑Original
2017-06-24 13:33:352023Durchsuche

Die Funktion

wrap() wird verwendet, um die angegebene HTML-Struktur außerhalb jedes passenden Elements zu umschließen.

Das Gegenteil dieser Funktion ist die Funktion unwrap(), die für das übergeordnete Element des aktuell übereinstimmenden Elements verwendet wird (nur das übergeordnete Element wird entfernt und alle seine internen Knoten bleiben erhalten).

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

Syntax

jQueryObjekt.wrap( Wrapper)

Parameter

Parameterbeschreibung

Wrapper String/Element/jQuery/Function wird zum Umschließen von Knoten übereinstimmender Elemente verwendet.

Wenn der Parameter-Wrapper ein

String ist, wird er als jQuery-Selektor oder HTML-String betrachtet und jQuery trifft sein eigenes Urteil.

jQuery 1.4 neue Unterstützung: Parameter-Wrapper kann eine Funktion sein. wrap() durchläuft die Funktion und führt sie basierend auf allen übereinstimmenden Elementen aus, und diese in der Funktion zeigt auf das entsprechende DOM-Element.

wrap() übergibt außerdem einen Parameter an die Funktion, der der Index des aktuellen Elements im passenden Element ist. Der Rückgabewert der

-Funktion ist der zum Umschließen verwendete Knoteninhalt (kann ein HTML-String, ein DOM-Element oder ein jQuery-Objekt sein).

Hinweis: Wenn der Wrapper mit mehreren Elementen übereinstimmt, wird nur das erste Element als Wrapper-Element verwendet.

Hinweis: Wenn der Wrapper ein mehrschichtiges verschachteltes Element ist (z. B. e388a4556c0f65e1904146cc1a846bee5a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e694b3e26ee717c64999d7867364b1b4a3), überprüft wrap() jede Ebene aus dem außen nach innen. Der erste Knoten des Nestes. Wenn der Knoten keine untergeordneten Knoten hat oder der erste untergeordnete Knoten kein Elementknoten ist (z. B. ein Textknoten, ein Kommentarknoten usw.), beenden Sie die Suche nach innen und hängen Sie das aktuell passende Element direkt an der Endposition im Inneren an (append()). der aktuelle Knoten.

Rückgabewert

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

Hinweis: Auch wenn das Wrapper-Element ein Element auf der aktuellen Seite ist, verschwindet das Element nicht von seiner ursprünglichen Position. Weil wrap() eine Kopie (Klon) des Elements verwendet, um als Wrapper zu fungieren.

Beispiel & Beschreibung

Die Funktion wrap() wird verwendet, um Inhalte vor jedem passenden Element einzufügen:

<p>段落文本1<span></span></p>
<p>段落文本2<span></span></p>
<script type="text/javascript">
$("p").wrap( &#39;<div></div>&#39; ); 
</script>
<!--以下是jQuery代码执行后的html内容-->
<div><p>段落文本1<span></span></p></div>
<div><p>段落文本2<span></span></p></div>
Nehmen Sie den folgenden HTML-Code als Beispiel:

<p id="n1">
    <span id="n2">span#n2</span>    
</p>
<p id="n3">
    <input id="n4" type="text" />
</p>
<span id="n5">多层嵌套1</span>
<span id="n6">多层嵌套2</span>
Der folgende jQuery-Beispielcode wird verwendet, um die spezifische Verwendung der Funktion „wrap()“ zu demonstrieren:

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn