jQuery正则表达式按子字符串查找字符串

Question

在我的网站上，多次出现带有始终相同子字符串的字符串（比如说“ boo-foo”，“ loo-foo”和“ great-foo”）。

我想用firstpart- foo替换所有这些。 因此，所有这些的第一部分应加粗。

谁能在jQuery中提供正则表达式？

我相信它应该看起来像这样，但是使用正则表达式：

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

Answer 1

请检查此脚本，

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

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

更新了Fiddle，使“-”也变为粗体。

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

Answer 2

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

Answer 3

您可以使用背面参考来查找捕获的组，然后使用string.replace方法使用正则表达式替换字符串。 反向引用允许引用先前与捕获组匹配的文本。 在javascript中，您可以使用$1来引用第一个捕获的组。 同样$2, $3..每个捕获的组$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);