javascript - 替换 *variable* 文本但保持大小写

Question

我需要在不丢失大小写的情况下替换 javascript 变量 中的一些文本，即。

"MAT"==> "MATch string in db" 而不是 "Mat"==> "match string in db"

现在我正在这样做(不保留原始情况):

var user_str = $("#user-input").val();
var db_match = db_match.replace(new RegExp(user_str, "ig") , '<span class="u b match">' + user_str + '</span>');

我发现人们需要替换静态文本的情况，但在我的情况下，我需要替换可变内容。

显然这也行不通:

var user_str = $("#user-input").val();
db_match = db_match.replace(/(user_str)/ig, "<span class=u b match>$1</span>");

知道怎么做吗？

Answer 1

Use a group并构建 regular expression

    var str = "test";
    var text = "Test this";
    var re = new RegExp("(" + str + ")","gi");
    console.log(text.replace(re, "<span>$1</span>"))  //"<span>Test</span> this"