jQuery Dokumenthantering - replaceAll() metod

Exempel

Ersätt varje paragraf med fet text:

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

Prova själv

Definition och användning

replaceAll() metoden ersätter det valda elementet med angiven HTML-innehåll eller element.

Tips:replaceAll() och replaceWith() Handlingen är samma. Skillnaden ligger i syntaxen: platsen för innehållet och valören, samt att replaceWith() kan använda funktioner för att ersätta.

Syntaks

content).replaceAll(selector)
Parameter Beskrivning
content

Obligatorisk. Ange innehållet för det valda elementet.

Möjliga värden:

  • HTML-kod - till exempel ("<div></div>")
  • Det nya elementet - till exempel (document.createElement("div"))
  • Det befintliga elementet - till exempel ($(".div1"))

Det befintliga elementet kommer inte att flyttas, utan bara kopieras och innesluta det valda elementet.

selector Obligatorisk. Ange det element som ska ersättas.

Mer exempel

Använd det nya elementet för att ersätta elementet
Använd document.createElement() för att skapa ett nytt DOM-element, och använd sedan detta element för att ersätta det valda elementet.