Javascript: remplacez () toutes les balises html, sauf les étiquettes extérieures

J'ai une forme autocomplète et, lors de l'affichage des résultats correspondant à la chaîne de recherche de l'utilisateur, je veux souligner la chaîne de recherche elle-même. J'ai l'intention de le faire en enveloppant toute occurrence de la chaîne de recherche dans une balise telle que, ou une classe donnée. Maintenant, le problème est que, lors de l'utilisation de regEx, j'ai des problèmes si le modèle se produit dans une balise html. Par exemple

var searchPattern = 'pa'; var originalString = 'The pattern to <span class="something">be replaced is pa but only outside the html tag</span>'; var regEx = new RegExp(searchPattern, "gi") var output = originalString.replace(regEx, "<strong>" + searchPattern + "</strong>"); alert(output); 

(Demo: http://jsfiddle.net/cumufLm3/7/ )

Cela remplacera également l'occurrence de "pa" dans le tag

  <span class="something"> 

Briser le code. Je ne sais pas trop comment faire face à cela. J'ai vérifié diverses questions similaires, et j'ai compris qu'en général, je ne devrais pas utiliser des expressions régulières pour analyser html. Mais je ne sais pas s'il existe un moyen rapide d'analyser en douceur la chaîne html, de modifier le texte de chaque nœud et de "reconstruire" la chaîne avec le texte modifié?

• Comment puis-je supprimer toutes les balises html régulières sauf <a> </a>, <img> (attributs à l'intérieur) et <br> avec javascript?
• Modifiez dynamiquement les options de la boîte de sélection en fonction de la sélection d'option précédente
• Permutation Javascript
• Comment puis-je résoudre l'erreur # 13 de Highcharts?
• Tableau de données simple Polymer 1.0

Bien sûr, je suppose que je pourrais utiliser $ .parseHTML (), itérer sur chaque nœud, et en quelque sorte réécrire la chaîne, mais cela me semble trop complexe et susceptible d'erreurs. Existe-t-il une façon intelligente d'analyser la chaîne html de façon à dire "faire cela uniquement en dehors des balises html"?

Notez que le contenu de l'étiquette elle-même doit être traité. Donc, dans mon exemple ci-dessus, le remplacement () devrait également agir sur la partie "être remplacé par pa mais seulement en dehors de la balise html".

Une idée d'une expression régulière assez solide pour faire face à cela, ou (mieux, je suppose) pour gérer élégamment les parties de texte dans la chaîne html?

• Firefox ne peut pas trouver l'iframe
• Comment transférer la valeur de QML à JavaScript dans QWebEngineView
• Passez l'image de l'applet java à html
• Comment vérifier si iframe est vide / nul / indéfini?
• JsPdf en utilisant html2canvas.js pour exporter pdf de html ne fonctionne pas pour des données importantes

 var searchWord = 'pa'; var originalString = 'The pattern to <span class="something">be replaced is pa but only outside the html tag</span>'; var regEx = new RegExp("(" + searchWord + ")(?!([^<]+)?>)", "gi"); var output = originalString.replace(regEx, "<strong>$1</strong>"); alert(output);