jQuery Documentatie - replaceAll() Methode

jQuery Effecten Referentiemanual

Voorbeeld

Vervang elke alinea met vetgedrukte tekst:

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

Probeer het zelf

Definitie en gebruik

De replaceAll() methode vervangt het geselecteerde element met gespecificeerde HTML-inhoud of een element.

Tip:replaceAll() en replaceWith() Zij hebben dezelfde werking. Het verschil zit in de syntaxis: de positie van de inhoud en de selector, en dat replaceWith() een functie kan gebruiken voor de vervanging.

Syntaxis

content).replaceAll(selector)
Parameters Beschrijving
content

Verplicht. Bepaal de inhoud van het geselecteerde element.

Mogelijke waarden:

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

Bestaande elementen worden niet verplaatst, maar alleen gekopieerd en om het geselecteerde element gevat.
selector Verplicht. Bepaal het element dat moet worden vervangen.

Meer voorbeelden

Gebruik het nieuwe element om het element te vervangen
Gebruik document.createElement() om een nieuw DOM-element te maken, en vervang daarmee het geselecteerde element.

jQuery Effecten Referentiemanual