jQuery Dokumentation - replaceWith() Methode

jQuery Effekt Referenzhandbuch

Beispiel

Ersetzen Sie jeden Abschnitt mit fettem Text:

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

Probieren Sie es selbst aus

Definition und Verwendung

Die Methode replaceWith() ersetzt das ausgewählte Element durch angegebene HTML-Inhalte oder Elemente.

Hinweis:replaceWith() mit replaceAll() Gleiche Wirkung. Der Unterschied liegt in der Syntax: Position von Inhalt und Selector, sowie dass replaceAll() keine Funktionen für den Ersatz verwenden kann.

Syntax

$().replaceWith(content)
Parameter Beschreibung
content

Erforderlich. Bestimmen Sie den Inhalt, der das ausgewählte Element ersetzen soll.

Mögliche Werte:

  • HTML-Code - zum Beispiel ("<div></div>")
  • Neues Element - zum Beispiel (document.createElement("div"))
  • Bestehende Elemente - zum Beispiel ($(".div1"))

Bestehende Elemente werden nicht verschoben, sondern nur kopiert und um das ausgewählte Element gewickelt.
Erforderlich. Bestimmen Sie das Element, das ersetzt werden soll.

Verwenden Sie eine Funktion, um das Element zu ersetzen

Verwenden Sie eine Funktion, um das ausgewählte Element durch neues Inhalt zu ersetzen.

Syntax

$().replaceWith(function())

Probieren Sie es selbst aus

Parameter Beschreibung
function() Erforderlich. Funktion, die das neue Inhalt des ausgewählten Elements zurückgibt.

Mehr Beispiele

Verwenden Sie das neue Element, um das Element zu ersetzen
Verwenden Sie document.createElement() um ein neues DOM-Element zu erstellen und verwenden Sie es, um das ausgewählte Element zu ersetzen.

jQuery Effekt Referenzhandbuch