javascript - jquery 突出显示文本的某些部分

Question

我的团队得出结论，为了突出显示某些文本，我们将使用 !!!作为特殊符号。说来话长。

I love !!!JavaScript and jQuery!!!.

应该变成

I love <span class='hl'>JavaScript and jQuery</span>.

不要担心边缘情况。我们正在为学龄 child 开发一个系统，他们不会看到带有很多刘海的复杂文本。

我该怎么做？

奖励问题:应用跨度后，我打算使用 jQuery higlighter 插件来突出显示该代码。在这方面的任何建议。

Answer 1

replace在 Javascript 中只替换第一次出现的字符串，因此您可以充分利用此功能并执行以下操作:

var mytext = "I love !!!Javascript and jQuery!!!. Ya, !!!jQuery!!! rocks!";

while(true) {
    if (mytext.indexOf('!!!') == -1) break;
    mytext = mytext.replace('!!!', '<span class="hl">');
    mytext = mytext.replace('!!!', '</span>');
}
alert(mytext);

输出:
I love <span class="hl">Javascript and jQuery</span>. Ya, <span class="hl">jQuery</span> rocks!