jQuery Dokumentation - wrap() Methode

Beispiel

Verpacken Sie jeden Absatz im <div>-Element:

$(".btn1").click(function(){
   $("p").wrap("<div></div>");
});

Probieren Sie es selbst aus

Definition und Verwendung

Die wrap()-Methode platziert jedes ausgewählte Element in der angegebenen HTML-Inhalte oder -Elementen.

Syntax

$().wrap(wrapper)
Parameter Beschreibung
wrapper

Erforderlich. Definieren Sie den Inhalt, der um das ausgewählte Element verpackt wird.

Mögliche Werte:

  • HTML-Code - zum Beispiel ("<div></div>")
  • Neues Element - zum Beispiel (document.createElement("div"))
  • Bestehende Elemente - zum Beispiel ($(".div1"))

Bestehende Elemente werden nicht verschoben, sondern nur kopiert und um die ausgewählten Elemente verpackt.

Verwenden Sie eine Funktion, um Elemente zu verpacken

Verwenden Sie eine Funktion, um den Inhalt zu definieren, der um jedes ausgewählte Element verpackt wird.

Syntax

$().wrap(function())

Probieren Sie es selbst aus

Parameter Beschreibung
function() Erforderlich. Definieren Sie die Funktion, die den Verpackungs-Elementen zurückgibt.

Mehr Beispiele

Verwenden Sie das neue Element zum Verpacken
Erstellen Sie ein neues DOM-Element, um jedes ausgewählte Element zu verpacken.
Verpacken oder entpacken Sie Elemente
Wechseln Sie zwischen dem Verpacken und Entpacken von Elementen.