突出的JavaScript字符串

Question

var str = 'test TEST';

如何得到回報str = '<span class="red">test</span> <span class="red">TEST</span>'。

非常感謝。

=============正確答案=================

理念從Tim Down

var highlighted = str.replace(/(test)/gi, '<span class="red">$1</span>'); 

<span class="red">test</span> <span class="red">TEST</span>

Answer 1

下面將通過\w匹配的字符，它們是A-Z，A-Z，數字0-9和_組成字工作。這意味着，例如，它會失敗，包含重音字符的單詞，但將爲您的示例正常工作。

var str = 'test TEST'; 
var highlighted = str.replace(/([\w]+)/g, '<span class="red">$1</span>'); 

Answer 2

喜歡的東西：

str.replace(/(\w+) (\w+)/, '<span class="red">$1</span> <span class="red">$2</span>') 

應該工作。

Answer 3

str = str.replace("test", "<span class=\"red\">test</span>"); 
str = str.replace("Test". "<span class=\"red\">Test</span>"); 

Answer 4

function highlightRed (string) 
{ 
    var array = string.split(" "); 
    var newstring = ""; 
    for(var i = 0; i < array.length; i++) 
    { 
    newstring += '<span class="red">'; 
    newstring += array[i]; 
    newstring += '</span>'; 
    } 
    return newstring; 
} 

str = highlightRed(str); 

Answer 5

你可以得到所有花哨正則表達式等，但它僅僅是一個簡單的字符串替換。

var tt = "<span class='red'>test</span>" 
var TT = "<span class='red'>TEST</span>" 

str = str.replace("test", tt).replace("TEST", TT);