jQuery Documentatie - replaceWith() Methode

jQuery Effecten Referentiemanual

Voorbeeld

Vervang elke alinea met vetgedrukte tekst:

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

Probeer het zelf

Definitie en gebruik

De replaceWith() methode vervangt het geselecteerde element door het opgegeven HTML-inhoud of element.

Tip:replaceWith() en replaceAll() Dit heeft dezelfde werking. Het verschil zit in de syntaxis: de positie van inhoud en selector, en replaceAll() kan geen functies gebruiken voor vervanging.

Syntax

$().replaceWith(content)
Parameters Beschrijving
content

Verplicht. De inhoud die moet worden vervangen van het geselecteerde element wordt opgegeven.

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 gewikkeld.
Verplicht. Het element dat moet worden vervangen wordt opgegeven.

Gebruik een functie om elementen te vervangen

Gebruik een functie om het geselecteerde element te vervangen door nieuwe inhoud.

Syntax

$().replaceWith(function())

Probeer het zelf

Parameters Beschrijving
function() Verplicht. Een functie retourneren die de nieuwe inhoud van het geselecteerde element bevat.

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