带格式的HTML

Question

替换句子的话，我有这个字符串：

var text = "Altough I am the eldest son, they stil see me as kdi."; 

这阵：

var errors = ["Altough", "stil", "kdi"]; 

我想，以取代在阵列中的一句话的话，所以文字是这样的：

<span class="error">Altough</span> I am the eldest son, they <span class="error">stil</span> see me as <span class="error">kdi</span>. 

我一定要使用正则表达式，或JavaScript的替换（）函数将做什么？

Answer 1

使用正则表达式和替换：

var errors = ["Altough", "stil", "kdi"]; 
var regExp = new RegExp('\\b('+errors.join('|')+')\\b', 'gi'); 
var text = text.replace(regExp, '<span class="error">$1</span>'); 

小提琴：http://jsfiddle.net/uezjK/4/

Answer 2

除了卡尔·安德烈的回答，这里是没有正则表达式的方式（只给你一个不同的准）：

var text = "Altough I am the eldest son, they stil see me as kdi."; 
var errors = ["Altough", "stil", "kdi"]; 

for (var i = 0; i < errors.length; i++) { 
    var content = errors[i]; 
    text = text.replace(content, "<span class='error'>" + content + "</span>"); 
} 

这里还有一个小提琴：http://jsfiddle.net/azMVk/

Answer 3

这里有一个例子，对于有错误词（例如“仍然”）的子字符串的有效词不会失败​​。

http://jsfiddle.net/uezjK/1/

var text = "Altough I am the eldest son, they stil see me as kdi. But I am still a kid."; 
var tokens = text.split(/\s+/); 

var errors = ["Altough", "stil", "kdi"]; 
var html = ""; 

for (var i=0; i<tokens.length; i++) { 
    var word = tokens[i].replace(/\W+/, ''); 
    if ($.inArray(word, errors) >= 0) { 
     html += "<span class='error'>" + tokens[i] + "</span> "; 
    } else { 
     html += tokens[i] + " "; 
    } } 

$('body').append(html)