Comment remplacer du texte à l’aide de jQuery (ou JS simple) sans rompre aucun événement?

Je me bats depuis un certain temps avec la question suivante (qui a l’air si simple). Je veux changer les mots entre accolades doubles sans rompre aucun événement.

La difficulté réside dans le fait que je ne sais pas quels événements sont programmés. Ainsi, la background-color sur l’ span n’est qu’un exemple, mais pourrait être n’importe quoi.

C’est mon html:

 
foo bar {{ baz }} 

C’est mon JS:

• Les tableaux disparaissent en dehors de la demande JSON
• Est-ce que les fonctionnalités Javascript changent par navigateur?
• Comment déclencher un script JS uniquement après avoir appelé une fonction spécifique
• Comment créer une boucle pour voir si la ligne désirée avec les entrées est remplie correctement
• Verrouiller l’orientation du périphérique

 $("span"). css('background-color', 'red'). click(function(){ alert('Clicked bar!'); }); $( ".test" ). contents(). each(function(){ if( $(this).text().indexOf('{{') !== -1 ) { $(this). text(). replace(/{{\s?([^}]*)\s?}}/, "HOW DO I CHANGE {{ baz }} FOR SOMETHING ELSE WITHOUT BREAKING THE EVENT? THIS DOESN'T WORK"); } }); 

Faire quelque chose comme l’exemple ci-dessous ne fonctionnerait pas car cela briserait l’action.

 $('.test'). html( $('.test'). html(). replace(/{{\s?([^}]*)\s?}}/, 'baq') ); 

• Compte à rebours Javascript / PHP qui met à jour toutes les secondes et compte à rebours à une date et une heure spécifiques
• sinon “mon système d’exploitation” change css – jquery
• La fonction de délai JQuery ne fonctionne pas
• Comment faire en sorte que ce curseur JQuery rende les diapositives correctement?
• Bouton jQuery next et prev

 $("span"). css('background-color', 'red'). click(function(){ alert('Clicked bar!'); }); function replace(el) { var c = el.childNodes; for (var i = 0; i < c.length; i++) { if (c[i].nodeType == 3) { c[i].textContent = c[i].textContent.replace(/{{\s?([^}]*)\s?}}/, "Something else"); } else { replace(c[i]); } } } replace($('.test')[0]); 

  
foo {{ baz }} bar bar {{ baz }} foo foo {{ baz }} foo 

 
foo bar {{ baz }} 

 $("span").css('background-color', 'red') $(".test") .on("click", "span", function(){ alert('Clicked bar!'); }); $('.test') .html( $('.test') .html() .replace(/{{\s?([^}]*)\s?}}/, 'baq') );