jQuery Grundlagen-Tutorial

jQuery Effekte

Die wrap() Methode verwendet das angegebene HTML-Element, um jeden ausgewählten Element zu verpacken.

Verwendungunwrap()Der Methodenaufruf löscht das Elternelement des ausgewählten Elements.

Verpackungselement:

$(selector).wrap(wrappingElement)

Elemente mit einer Funktion verpacken:

$(selector).wrap(function(index))

Verpacken des DIV-Elements um jeden <p>-Element:

Beispiel

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

Dieser Beispiel verwendet document.createElement() zum Erstellen eines DIV-Elements und um es um jeden <p>-Element zu verpacken:

Beispiel

$("button").click(function(){
　　$("p").wrap(document.createElement("div"));
});

Elemente mit einer Funktion verpacken:

Beispiel

$("button").click(function(){
　　$("p").wrap(function(){
　　　　　　return　document.createElement("div");
　　});
});

Umschalten zwischen Verpacken und Auspacken von Elementen:

Beispiel

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

Parameter	Beschreibung
wrappingElement	Eine Struktur angeben, die um jeden ausgewählten Elementen verpackt werden soll Mögliche Werte: HTML-Element DOM-Element jQuery-Objekt
function(index)	Eine Funktion angeben, die den umschließenden Elementen zurückgibt index-Rückgabe der Indexposition des Elements im Satz