jQuery Dokument Operation - replaceWith() Metode

jQuery Effekt Referencer Håndbog

Eksempel

Erstat hver afsnit med fed tekst:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Prøv det selv

Definition og brug

replaceWith() metoden bruger angivet HTML-indhold eller element til at erstatte det valgte element.

Tip:replaceWith() og replaceAll() Har samme effekt. Forskellen ligger i syntaksen: placeringen af indhold og selector, samt at replaceAll() ikke kan bruge funktioner til erstatning.

Syntaks

$().replaceWith(content)
Parametre Beskrivelse
content

Obligatorisk. Angiv det indhold, der skal erstatte det valgte element.

Mulige 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 kun kopieret og indlejret omkring det valgte element.
Obligatorisk. Angiv det element, der skal erstattes.

Brug en funktion til at erstatte elementet

Brug en funktion til at erstatte det valgte element med nyt indhold.

Syntaks

$().replaceWith(function())

Prøv det selv

Parametre Beskrivelse
function() Obligatorisk. Returnerer en funktion, der indeholder det nye indhold for det valgte element, der skal erstattes.

Flere eksempler

Brug det nye element til at erstatte elementet
Brug document.createElement() til at oprette et nyt DOM-element, og brug derefter dette element til at erstatte det valgte element.

jQuery Effekt Referencer Håndbog