javascript - 修改(粗体)某个单词之前的所有单词

Question

我有一个网站上出现的近 1000 个奖项的列表。每个奖项都有其自己的范围，并遵循格式

x for y

示例:

<span>Broadcast Film Critics Association Award for Best Director</span>

对于每个跨度，我想将“for”之前的所有文本加粗。如何在单词(不仅仅是字符)“for”之前(并且不包括)搜索无限可能数量的单词，并将它们加粗？

我知道这样的表达方式

\S+\s+\S+\s+for

我正在搜索字符 f、o 和 r 之前(包括)最多 2 个单词。但我想匹配单词“for”，而不仅仅是字符，并且我不想在粗体中包含“for”。

Answer 1

正则表达式似乎是最好的解决方案，但是我建议使用匹配组的正则表达式，以便您可以在添加 <b> 时重建字符串。标签。试试这个:

$('span').html(function(i, v) {
    var matches = /(.+)(for.+)/gi.exec(v);
    return '<b>' + matches[1] + '</b>' + matches[2];
});

Example fiddle