jQuery remplacer tout le texte à la page

Cet extrait de code jQuery remplace tout le texte sur une page Web par une chaîne spécifiée. Utile pour l'évolution dynamique des noms de l'entreprise ou un autre texte basé sur des variables. N'oubliez pas que .replace() renvoie une nouvelle chaîne; Vous devez le réaffecter à l'élément pour mettre à jour la page.

Voici comment l'utiliser:

// 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);

Questions fréquemment posées (FAQ): remplacement de la chaîne jQuery

Q1: Comment remplacer une chaîne dans le contenu HTML à l'aide de jQuery?

jQuery remplace efficacement les chaînes dans HTML en utilisant .html() et JavaScript replace(). Sélectionnez l'élément, obtenez son HTML à l'aide de .html(), appliquez replace(), puis mettez à jour le HTML de l'élément avec le résultat.

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

Q2: Puis-je remplacer plusieurs occurrences d'une chaîne?

Oui, mais replace() remplace uniquement l'occurrence d'abord . Utilisez une expression régulière avec le drapeau "G" (global) pour toutes les instances:

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

Q3: Comment cibler des parties spécifiques du HTML?

Utilisez des sélecteurs JQuery plus précis. Par exemple, pour remplacer les chaînes dans les paragraphes par la classe "MyClass":

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

Q4: Puis-je remplacer les chaînes dans les valeurs d'attribut?

Oui, utilisez la méthode .attr():

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

Q5: Puis-je remplacer une chaîne par du contenu HTML?

Oui. La méthode .html() accepte HTML en remplacement: l'exemple suivant remplace "Old String" par du contenu HTML. Notez que cela est fonctionnellement équivalent aux exemples ci-dessus, car la "nouvelle chaîne" pourrait être HTML.

$("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
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!