jQuery Documentatie - wrap() Methode

jQuery Effect Referentieshandleiding

Voorbeeld

Wrap elke alinea in een <div>-element:

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

Probeer het zelf

Definitie en gebruik

De wrap() methode plaatst elk geselecteerde element in de opgegeven HTML-inhoud of element.

Syntax

$().wrap(wrapper)
Parameters Beschrijving
wrapper

Verplicht. Specificeer de inhoud die wordt gebruikt om de geselecteerde elementen in te pakken.

Mogelijke waarden:

  • HTML-code - bijvoorbeeld ("<div></div>")
  • Nieuwe elementen - bijvoorbeeld (document.createElement("div"))
  • Bestaande elementen - bijvoorbeeld ($(".div1"))

Bestaande elementen worden niet verplaatst, maar alleen gekopieerd en om de geselecteerde elementen gewrapped.

Gebruik een functie om elementen in te pakken

Gebruik een functie om de inhoud om elke geselecteerde element te wrappen.

Syntax

$().wrap(function())

Probeer het zelf

Parameters Beschrijving
function() Verplicht. Specificeer de functie die de ingepakte elementen retourneert.

Meer voorbeelden

Gebruik het nieuwe element om in te pakken
Maak een nieuwe DOM-element om elk geselecteerd element in te pakken.
Inpakken of ontpakken van elementen
Wissel tussen het inpakken en ontpakken van elementen.

jQuery Effect Referentieshandleiding