用區分大小寫的方式更改字符串的一部分

Question

我想搜索一個不區分大小寫的字符串，但是用原始字符串的大小寫字母更改子字符串。

var mystring = "FiRst Last";
var term = "first";  // it could be "FIRST" or fIRST

var re = new RegExp("^" + term, "i") ;
//option 1
//var t = mystring.replace(re,"<span style='font-weight:bold; color:Blue;'>" + term + "</span>");
//option 2
var t = mystring.replace(re,term.bold().fontcolor("Blue"));

上面的代碼給出了藍色的第一個 LAST，但是我希望它是第一個 LAST，作為mystring的大小寫順序

也許可以使用indexof（）方法，但是可能有一種簡單有效的方法。

Answer 1

只需將捕獲組與第一個選項一起使用

var str = "FiRst Last";
var term = "first";

var t = str.replace( /(first)/i, "<span style='font-weight:bold; color:Blue;'>$1</span>");

t現在將包含

"<span style='font-weight:bold; color:Blue;'>FiRst</span> Last"

Answer 2

var querystr = 'first';
var output = "FiRst Last";
var reg = new RegExp(querystr, 'gi');
var final_str = output.replace(reg, function(str) {return str.bold().fontcolor("Blue")});

請參閱以下鏈接...

Javascript：高亮顯示子字符串，保持原始大小寫，但以不區分大小寫的模式進行搜索

user113716提供的解決方案可能有幫助...