JQuery - 更改文本中字符串的颜色，忽略
之间的颜色

我需要更改文本中特定子字符串的颜色。 文字如下：

SOME TE<br>
XT IS HER<br>
E.

我厌倦了.replace()来自 jquery 的函数，它的问题是，正如你在上面看到的，文本被分割成这些<br>的。我怎样才能“忽略”他们呢？ 例如我想替换字符串TEXT with <span class="color-red">TEXT</span>

有谁知道如何解决这个问题？

不需要 jQuery。虽然我根本没有测试过这个，所以它可能需要调整。

var customReplace = function(str, subStr, color) {
    var words = str.split(' ');
    for (var i = words.length - 1; i >= 0; i--) {
        var word = words[i].replace(/<br>/g, '');
        if (word === subStr) {
            words[i] = '<span class="color-' + color + '">' + words[i] + '</span>';
        }
    }

    return words.join('');
}