jQuery Dokument Operation - wrap() metode

Eksempel

Omgiv hver paragraf i <div>-elementet:

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

Prøv det selv

Definition og brug

wrap() metoden placerer hvert valgt element i den angivne HTML-indhold eller element.

Syntaks

$().wrap(wrapper)
Parameter Beskrivelse
wrapper

Obligatorisk. Specificer indholdet, der skal omgive de valgte elementer.

Måske værdier:

  • HTML-kode - f.eks. ("<div></div>")
  • Nyt element - f.eks. (document.createElement("div"))
  • Eksisterende elementer - f.eks. ($(".div1"))

Eksisterende elementer vil ikke blive flyttet, men kopieret og omgivet af de valgte elementer.

Brug en funktion til at omgive elementer

Brug en funktion til at specificere indholdet omkring hver valgt element.

Syntaks

$().wrap(function())

Prøv det selv

Parameter Beskrivelse
function() Obligatorisk. Angiv funktionen, der returnerer det omgivende element.

Flere eksempler

Brug det nye element til at omgive
Opret et nyt DOM-element til at omgive hver valgt element.
Omkald eller afkald elementer
Skift mellem opkald og afkald af elementer.