Javascript 整个单词 w

Question

我正在寻找一种方法来显示一段文本并允许用户单击单个单词以突出显示它。

我找到了一些代码，可以在每个单词周围放置一个跨度。所有这一切都很好，但是......

当我有一些像 Soufflé 这样的文本时，它不会将它识别为一个单词。

这是我正在使用的代码。

var p = $('#storyText');

p.html(function(index, oldHtml) {
    return oldHtml.replace(/\b([\w+-éñó\u00F1\u00E9]+)\b/g, '< span class="storyWord">$1< /span>');
})

它似乎工作正常，直到我在单词的开头或结尾有重音。

Answer 1

问题是 javascript RegExp 中的 word characters 被简单地定义为 [a-zA-z0-9_]，所以 \b 匹配它们与重音字符之间的“边界”。直接匹配单词是一种改进:

$.fn.highlightWords = function(){
  return this.html(function(i, html){
    return html.replace(/([\w'+-éñó\u00F1\u00E9])+/g, function(m){
        return '<span>'+m+'</span>'
    })
  })
}

$('p').highlightWords()

演示:http://jsbin.com/elegod