JQuery Ersetzen Sie den gesamten Text auf Seite

Dieser JQuery -Code -Snippet ersetzt den gesamten Text auf einer Webseite durch eine angegebene Zeichenfolge. Nützlich, um Unternehmensnamen oder andere Text basierend auf Variablen dynamisch zu ändern. Denken Sie daran, dass .replace() eine neue Zeichenfolge zurückgibt. Sie müssen es dem Element neu zuweisen, um die Seite zu aktualisieren.

Hier erfahren Sie:

// Replace all periods (.) on the page with hyphens (-)
var replace_str = $('body').html().replace(/./g,'-');
$('body').html(replace_str);

// Alternative method if the above doesn't work
var strNewString = $('body').html().replace(/./g,'---');
$('body').html(strNewString);

häufig gestellte Fragen (FAQs): JQuery String Ersatz

Q1: Wie ersetze ich eine Zeichenfolge innerhalb des HTML -Inhalts mit jQuery?

jQuery ersetzt die Zeichenfolgen in HTML effizient anhand von .html() und JavaScripts replace(). Wählen Sie das Element aus, erhalten Sie seine HTML mit .html(), wenden Sie replace() an und aktualisieren Sie das HTML des Elements mit dem Ergebnis.

$("p").html(function(index, oldHtml) {
  return oldHtml.replace("old string", "new string");
});

Q2: Kann ich mehrere Vorkommen einer Zeichenfolge ersetzen?

Ja, aber replace() ersetzt nur die erste Auftreten. Verwenden Sie einen regulären Ausdruck mit dem "G" -Flag (global) für alle Instanzen:

$("p").html(function(index, oldHtml) {
  var regex = new RegExp("old string", "g");
  return oldHtml.replace(regex, "new string");
});

Q3: Wie ziele ich auf bestimmte Teile des HTML?

ab

Verwenden Sie präzisere JQuery -Selektoren. Zum Beispiel, um Zeichenfolgen in Absätzen durch die Klasse "Myclass" zu ersetzen:

$(".myClass").html(function(index, oldHtml) {
  var regex = new RegExp("old string", "g");
  return oldHtml.replace(regex, "new string");
});

Q4: Kann ich Zeichenfolgen innerhalb der Attributwerte ersetzen?

Ja, verwenden Sie die Methode .attr():

$("img").attr("src", function(index, oldSrc) {
  var regex = new RegExp("old.jpg", "g");
  return oldSrc.replace(regex, "new.jpg");
});

Q5: Kann ich eine Zeichenfolge durch HTML -Inhalt ersetzen?

Ja. Die .html() -Methode akzeptiert HTML als Ersatz: Das folgende Beispiel ersetzt "Old String" durch HTML -Inhalt. Beachten Sie, dass dies den obigen Beispielen funktional äquivalent entspricht, da "neue Zeichenfolge" html sein könnte.

$("p").html(function(index, oldHtml) {
  var regex = new RegExp("old string", "g");
  return oldHtml.replace(regex, "<b>new string</b>"); // "new string" could be any HTML
});

Das obige ist der detaillierte Inhalt vonJQuery Ersetzen Sie den gesamten Text auf Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!