Javascript : Replace Detect a string and replace html in a div after changing color

Question

我正在尝试改变一部分字符串的颜色。我有一个 DOM 元素列表，对于每个元素，文本都可以包含一些主题标签。我想为所有可以在文本中找到的主题标签词涂上颜色。

这是代码的开始:

var listOfText = document.getElementsByClassName("titleTweet");
                        for (var nodetext in listOfText) {
                            var divContent = listOfText[nodetext].innerHTML;
                            if (divContent.indexOf("#") !== -1) {
                                // Do job here
                            }
                        }

例如，divContent 可以等于“你好我的#friends!你好吗？”

我想更新 dom 元素以将单词“#friends”放入红色。

我不知道如何使用 javascript 或 jQuery 来做到这一点。

Answer 1

您可以使用正则表达式查找 hastags 并将它们用 html 包装起来。然后使用 .html() 方法将原始元素的 html 替换为新字符串。

示例片段

$('#myDiv').replace(/#[a-z0-1A-Z]+/g, '<span style="color: red;">$&</span>'));

工作示例 - http://jsfiddle.net/4p4mA/1/

编辑示例以在页面上的所有 div 上工作。

注意:这仅在您的元素仅包含文本时有效，因为它会用其文本值替换所有子节点。