Javascript Regex:如何用正则表达式加粗特定单词?

时间:2009-08-04 23:34:33

标签: javascript regex

给针和大海捞针......我想在针头周围加上粗体标签。那么我将使用什么正则表达式与replace()?我希望SPACE成为分隔符,我希望搜索不区分大小写

所以说针是“牛”而干草堆是

cows at www.cows.com, milk some COWS

会变成

<b>cows</b> at www.cows.com, milk some <b>COWS</b>

关键字也应该能够包含空格,所以如果关键字是“谁是mgmt”......

great band. who is mgmt btw? 

会变成

great band. <b>who is mgmt</b> btw? 

由于

4 个答案:

答案 0 :(得分:12)

这是一个正在执行您正在寻找的正则表达式:

(^|\s)(cows)(\s|$)

在JS中,替换是这样的:

myString.replace(/(^|\s)(cows)(\s|$)/ig, '$1<b>$2</b>$3');

在可重复使用的功能中整齐地包裹起来:

function updateHaystack(input, needle) {
    return input.replace(new RegExp('(^|\\s)(' + needle + ')(\\s|$)','ig'), '$1<b>$2</b>$3');
}

var markup = document.getElementById('somediv').innerHTML;
var output = updateHaystack(markup, 'cows');
document.getElementById('somediv').innerHTML = output;

答案 1 :(得分:9)

对于那些不希望SPACE作为分隔符的人,只需不要使用\s

function updateHaystack(input, needle) 
{
 return input.replace(new RegExp('(^|)(' + needle + ')(|$)','ig'), '$1<b>$2</b>$3');
}

为我工作。

答案 2 :(得分:1)

findstring: /(^|\s)(cows)(\s|$)/ig
newstring: '$1<b>$2</b>$3'

\ b标记用于“字边界”; / ig标志分别用于大小写和全局匹配。

在新字符串文本中使用()捕获然后$ 1 / $ 2 / $ 3是为了保留匹配的大小和间距。

答案 3 :(得分:-1)

var needle = 'cows';

var regexp = new RegExp('(^|\s)('+needle+')(\s|$)', 'ig');

var old_string = 'cows at www.cows.com, milk some COWs';

var new_string = old_string.replace(regexp, '<b>$1$2$3</b>');