javascript - 正则表达式在页面上查找单词(包括内部标签)

Question

感谢Chetan Sastry我有这个正则表达式代码来解析我的页面以获取单词列表并将 TM 添加到其中。

var wordList = ["jQuery UI", "jQuery", "is"];
var regExp = new RegExp("\\b" + wordList.join("\\b|\\b") + "\\b", "g");
var $elem = $("#divWithText");
$elem.html($elem.html().replace(regExp, "$&™"));

这个正则表达式几乎就是我所需要的。但是，链接如下所示:

<a href="/0/products/jQuery">jQuery</a>

它最终将 TM 附加到 href 内部的 jQuery，而不是标签之间的 jQuery。

谁能帮忙解决这个问题吗？

我要查找的单词列表是非常具体的产品名称，它们可能出现在标签内的唯一位置是这样的链接内。

Answer 1

实现这一点的唯一可靠方法是单步执行每个子后代，如果它是文本节点，则运行替换。

实现:

• http://benalman.com/projects/jquery-replacetext-plugin/
• http://james.padolsey.com/javascript/find-and-replace-text-with-javascript/

按照您的方式进行操作，不仅会冒着无意中替换实际 HTML 的风险，而且还会删除目标元素内的所有 DOM 元素以及任何相应的事件处理程序。