正则表达式仅匹配确切的单词[重复]

Question

我使用以下函数为某些单词提供类名：

$.fn.wrapInTag = function(opts, color) {

  var tag = opts.tag || 'span'
    , words = opts.words || []
    , regex = RegExp(words.join('|'), 'gi') // case insensitive
    , replacement = '<'+ tag + ' class="' + color +'">$&</'+ tag +'>';

  return this.html(function() {
  return $(this).html().replace(regex, replacement);
});
};

问题是它与 this 中的 redundant 匹配。我怎样才能让它只匹配确切的单词（红色但不是多余的）？我做了一些研究，发现我需要做这样的事情：

(\w+)

但我不知道在gi

旁边添加它

我将运行添加的函数 一句话就是：

<p>Only one redundant word is red</p>

$('p').wrapInTag({
      tag: 'span',
      words: ['red']
}, 'blue');

谢谢

Answer 1

我认为这与(\w+) 无关。如果我正确地阅读了问题，您想匹配一个单词，而不是单词的子字符串。这可以使用字边界\b

来实现

就像\b(is|red|blue)\b 将完全匹配is 或red 或blue。

MDN on word boundary regex