javascript突出显示一个字符串

时间:2010-11-13 01:30:47

标签: javascript

var str = 'test TEST';

如何获得str ='<span class="red">test</span> <span class="red">TEST</span>'作为回报​​。

非常感谢。

5 个答案:

答案 0 :(得分:2)

以下内容适用于由\w匹配的字符组成的字,即a-z,A-Z,0-9和_。这意味着,例如,对于包含重音字符的单词,它会失败,但对于您的示例可以正常工作。

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

答案 1 :(得分:0)

类似的东西:

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

应该有用。

答案 2 :(得分:0)

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 );

答案 3 :(得分:0)

你可以使用REGEX等等,但它只是一个简单的字符串替换。

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

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

答案 4 :(得分:-1)

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