使用變量替換所有出現的特定字符串

Question

如何在replace函數中使用動態變量作爲第一個參數？

我有這樣的代碼，當用戶搜索指定的字符串：

var query = jQuery.trim(jQuery(this).val()).toLowerCase(); 
console.log(query + ' was searched') 
jQuery('.one-reference').each(function() { 
    var jQuerythis = jQuery(this); 
    if (jQuerythis.text().toLowerCase().indexOf(query) === -1) { 
     jQuerythis.fadeOut(); 
    } 
    else { 
     jQuerythis.html(jQuerythis.html().replace(/&/g, '<strong>$&</strong>')); 
     jQuerythis.fadeIn(); 
    } 
}); 

這replace(/&/g, '<strong>$&</strong>'))不工作。

我想用<strong>標籤覆蓋所有出現的query。

Answer 1

當您在html中搜索任意值時，您需要創建一個RegExp對象並將其用於replace。

if (jQuerythis.text().toLowerCase().indexOf(query) === -1) { 

    jQuerythis.fadeOut(); 
} else { 
    var queryReg = new RegExp(query, 'g'); 
    jQuerythis.html(jQuerythis.html().replace(queryReg, '<strong>$&</strong>')); 
    jQuerythis.fadeIn(); 
} 

而且首先需要逃跑（\）在您的查詢的變量，在正則表達式特殊含義的任何字符（^$[]+()\/-例如） -

query = query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 

（從MDN）

請參閱Regular Expressions at Mozilla Developer Network以獲得有關正則表達式的更深入討論。