jQuery正則表達式按子串查找字符串

Question

在我的網站上，我有多個字符串總是出現相同的子字符串（比如說「boo-foo」，「loo-foo」和「great-foo」）。

我想用firstpart- foo取代所有這些。因此，所有這些人的第一部分應該是大膽的。

任何人都可以提供一個在jQuery中的正則表達式嗎？

我相信它應該是這個樣子，但與正則表達式：

$(this).html($(this).html.replace("boo-foo","<strong>boo-</strong>foo")); 

Answer 1

$(this).html($(this).html().replace(/^(.*)\-foo$/ig,'<strong>$1</strong>-foo'); 

Answer 2

請檢查該腳本，

var htmlText = $('body').html(); 
var replaced = htmlText.replace(/([\w\d]+)\-foo/ig, "<strong>$1</strong>-foo"); 
$('body').html(replaced); 

小提琴：https://jsfiddle.net/o6doa4o6/

更新提琴製作「 - 」也是大膽的。

https://jsfiddle.net/o6doa4o6/1/

Answer 3

可以使用回參考尋找捕獲的組，然後使用string.replace方法來代替使用正則表達式的字符串。反向引用允許引用先前由捕獲組匹配的文本。在JavaScript中，您可以使用$1來引用第一個捕獲的組。對於每個捕獲的組類似地$2, $3..。

以下實現顯示了此行爲，不包括Jquery部分。

var stringValue = `boo-foo 
 
loo-foo 
 
great-foo`; 
 

 
var regexToSearch = /([a-zA-Z]*)-foo/g; 
 

 
var result = stringValue.replace(regexToSearch, '<strong>$1</strong>-foo'); 
 
console.log(result);