jQuery wrapAll() Methode

jQuery HTML/CSS Methoden

Die wrapAll()-Methode umgibt die angegebenen HTML-Elemente mit allen ausgewählten Elementen.

Syntax:

$(selector).wrapAll(wrappingElement)

Beispiel

Umgeben des DIV-Elements mit allen <p>-Elementen:

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

Dieses Beispiel verwendet document.createElement() zum Erstellen eines DIV-Elements und umgibt es mit allen <p>-Elementen:

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

Bitte beachten Sie, dass in diesem Beispiel alle Inhalte zwischen den Absätzen vergessen wurden, z.B. (Über mich?):

Unterschied zwischen wrap() Methode und wrapAll() Methode:

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

Parameterwert

jQuery HTML/CSS Methoden