html中怎么突出显示文本,如何在不破坏标签的情况下突出显示html字符串中的文本？...

问题：给定任何html字符串，如何突出显示文本中的子字符串，但确保标签未被触动？如何在不破坏标签的情况下突出显示html字符串中的文本？

例如更换子“棕色”：

str='

some text containing brown.

';

或

str='

some text containing brown

';

如何突出显示文本的子棕色，而不是标签内(避免打破标签。

我的解决方案是沿着标签分割字符串，并且只替换数组中奇怪的部分(在标签之间)，但是我想知道是否有任何陷阱(我能想到的一个是无效的html，但应该处理前处理文本IMHO)

var str='

some text containing brown

';

//split along tags

var parts = str.split(/[<>]+/);

//remove empty

parts = parts.filter(function(n){ return n != ""});

for (var i = 0; i < parts.length; i++) {

if (i%2 !== 0)

//console.log(parts[i]);

parts[i] = parts[i].replace("brown", "red whatever");

}

console.log(parts);

输出

["", "p", "some ", "span style="color:brown"", "text containing red whatever", "/span", "", "/p", ""]

+0

自闭标签将是一个问题：

。我尽量使用jQuery和选择器尽可能为这些替换，然后导出生成的dom html。 –

2015-04-01 10:14:40