jQuery Dokumentoperation - replaceAll() metode

Eksempel

Erstat hver afsnit med fed tekst:

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

Prøv det selv

Definition og brug

replaceAll() metoden bruger specificeret HTML-indhold eller element til at erstatte det valgte element.

Tip:replaceAll() med replaceWith() Handlinger er de samme. Forskellen ligger i syntaks: placeringen af indhold og vælgeren, samt at replaceWith() kan bruge funktioner til erstatning.

Syntaks

content).replaceAll(selector)
Parameter Beskrivelse
content

Obligatorisk. Angiv indholdet for 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 indpakket om det valgte element.

selector Obligatorisk. Angiv det 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.