javascript - 突出显示匹配的文本并区分大小写以进行自动建议

Question

我正在从事自动建议工作，我需要匹配关键术语，如果关键术语匹配，则将其突出显示。我已经完成了这个，但问题是在匹配时我正在忽略大小写。因此，如果我正在寻找 home 并且结果是 Home，那么在前端显示时它会成为 home 。我使用 Mustache 作为 Ui 的模板引擎。使用的代码是:

var highLightRegExp = new RegExp(r.q , "ig");
//r.q - is query term.
            // Highlight the query part of the search term
            highlightText : function () {
              return function (text, render) {
                var renderTxt = render(text),
                    decodedText = $("<div/>").html(renderTxt).text();
                return decodedText.replace(highLightRegExp , "<b class='colorFFF'>" + r.q + "</b>");
              };
            }

如何匹配所有字符，但显示时应保持原始大小写。

Answer 1

在替换中使用 $& (这是匹配的子字符串)而不是原始字符串。

例如:

decodedText.replace(highLightRegExp , "<b class='colorFFF'>$&</b>");

另外别忘了 escape the string在将其用作表达式之前，或者当用户使用正则表达式元字符([home]*)时，您可能会遇到一些问题。