javascript - 使用 JavaScript 替换方法保留大小写/大写

Question

我正在继续使用 Jquery UI 开发搜索词建议工具。我现在正致力于以粗体显示搜索词模式的结果。我通过修补自动完成的 _renderItem 方法实现了这个功能。我现在遇到的问题是被替换的字符与用户在输入中键入的字符大小写相同(例如，如果用户键入“A”并且返回的结果是“America”，则被替换的文本将是 AmericA。这是代码:

    var exp = new RegExp(this.term, "gi") ;
    var rep = item.label.replace( exp, "<span style='font-weight:bold;color:Black;'>"
    + this.term + "</span>");

一如既往，提前感谢您的帮助。

Answer 1

您可以使用:

var rep = item.label.replace(exp,
                             "<span style='font-weight:bold;color:Black;'>$&</span>");

当替换字符串时，$& 表示“整个匹配”，因此您不必重复搜索词(在某些情况下您不知道)。在其他版本中，您可以使用 $0 或 \0。
另外，记得escape special characters在 this.term 中。