用正则表达式替换javascript，避免使用html标签

Question

因此，我有一个Java脚本来查找元音并将其大写。 我想做的是创建一个名为bigBlue的ID，该ID将大写的值更改为具有特定CSS属性的蓝色字符。

var strMessage1 = Emphathy;
var startDiv = '<div id="bigBlue">';
var endDiv = '</div>';
var newRoot = strMessage1
.replace(/a/g, startDiv+'A'+endDiv)
.replace(/e/g, startDiv+'E'+endDiv)
.replace(/i/g, startDiv+'I'+endDiv)
.replace(/o/g, startDiv+'O'+endDiv)
.replace(/u/g, startDiv+'U'+endDiv)
$("#test").append(newRoot);

这是结果JsFiddle

我的输出几乎是乱码。 我在想的是.replace也在替换startDiv和endDiv的属性。

在用大蓝色div中包含的大写元音替换元音时，如何避免替换startDiv和endDiv值？

Answer 1

尝试使用功能来代替像这样的直接符号

var newRoot = strMessage1.replace(/[aeiou]/g, function(sym){return startDiv+sym.toUpperCase()+endDiv});

jsfiddle上的样本

如果您希望字符位于一行上，请使用<span>而不是<div>