Jquery 替换文本但保持大小写

Question

我正在为一个喜欢用“Sensasianal”这个词来描述他的亚洲美食的人建立一个网站。亚洲这个词总是使用另一种颜色来挑选，我设法使用 .replace() 在 Jquery 中实现，因此:-

replaceAsian.html(replaceAsian.html().replace(/sasiana/ig, "s<em>asian</em>a"));

然后我可以使用单独的颜色设置元素的样式。

但是，如果原始文本是大写，则结果是大小写混合。

所以我尝试了这个

replaceAsian.html(replaceAsian.html().replace(/SASIANA/ig, "S<em>ASIAN</em>A"));
replaceAsian.html(replaceAsian.html().replace(/sasiana/ig, "s<em>asian</em>a"));

但结果仍然是大小写混合。

如果有人可以建议我如何更改文本但保留原始案例，我将不胜感激。非常感谢。

Answer 1

replaceAsian.html(replaceAsian.html().replace(/(s)(asian)(a)/ig, "$1<em>$2</em>$3"));

将保留大小写，因为它重用匹配的文本。

请注意i是不区分大小写的标志，并且 g意味着它将匹配每个出现的情况，而不是像没有 g 时那样仅匹配第一个出现的情况。标志。

有关 JS 中正则表达式功能的详细概述，请参阅 MDN .