正则表达式在页面上找到包含内部标签的单词

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元素以及任何相应的事件处理程序.