jQuery replace() Methode

In diesem Beitrag wird die jQuery-Ersetzungsfunktion erörtert, die eine neue Zeichenfolge zurückgibt, nachdem jedes Zieldetail durch ein übereinstimmendes Element ersetzt wurde. Dieser Ansatz kann verwendet werden, um das Auftreten irgendeiner Zeichenkette in einem Satz oder einer Gruppe von Zeichenketten zu ersetzen.

Nur das primäre Beispiel darf im replace()-Ansatz geändert werden. Der globale Modifikator (g) muss verwendet werden, um alle Vorkommen zu eliminieren.

replace() in jQuery

jQuery bietet mehrere Funktionen zur Verwaltung des DOM, von denen eine als DOM-Ersatz angesehen wird. Mit dem replace()-Ansatz von jQuery finden und ersetzen wir alle Vorkommen eines ausgewählten Teilstrings in einem String oder eines Strings in einer Sammlung von Strings.

jQuery bietet zusätzlich die Methoden replaceAll() und replaceWith() zur DOM-Manipulation mit replace-Funktion.

Die Methode replaceAll() ersetzt jedes Zielelement durch einen Satz übereinstimmender Elemente. Die Methode replaceWith() ersetzt jedes Element durch den neuen bereitgestellten Inhalt und gibt den Satz entfernter Elemente zurück.

Syntax:

string.replace (/[oldString]/+/g, 'newString')
$(content).replaceAll(selector)
$(selector).replaceWith(content, function(i))

1. Der Inhalt ist ein erforderlicher Parameter, der den einzufügenden Inhalt angibt, mögliche Werte sind HTML-Elemente, jQuery-Objekte und HTML-Elemente.
2. Die Funktion(i) ist ein optionaler Parameter, der eine Funktion angibt, die den zu ersetzenden Inhalt zurückgibt.

Lassen Sie es uns anhand des folgenden einfachen Beispiels verstehen.

<p>Welcome to jQuery!</p>
<button >
Change
</button>

$(document).ready(function() {
  $('button').on('click', () => {
    $('p').text((index, text) => {
      return text.replace(/jQuery/g, 'Delftstack');
    });
  })
});

Im obigen Beispiel sucht die jQuery-Methode replace() nach dem angegebenen String-Wert jQuery und gibt den angegebenen replace-Wert Delftstack zurück.

Versuchen Sie, das obige Code-Snippet in einem beliebigen Browser auszuführen, der jQuery unterstützt, wodurch das Ergebnis angezeigt wird.

Vor replace():

Nach replace():

Demo