在jQuery中用html标签替换特定字符

Question

我正在尝试通过将特定单词包装在 <strong></strong> 标记中来设置字符串中的特定单词的样式。问题是这个词会一直变化，所以我想让他们把特定的词包在括号中（在输入文本字段中），然后用开始和结束强标签替换开始和结束括号。

例如：

"Who said (romance) was dead?"

会变成

"Who said <strong>romance</strong> was dead?"

最好的方法是什么？

Answer 1

您可以将 replace() 与捕获组正则表达式一起使用

console.log(
  "Who said (romance) was dead?".replace(/\(([^)]+)\)/g, '<strong>$1</strong>')
);

/\(([^)]+)\)/g

上面的正则表达式将匹配(和)之间的所有字符串，并用<strong>标签替换捕获的组数据。

Regex explanation here

Answer 2

如果您可以接受没有正则表达式的答案，请尝试 :)

var str = "Who said (romance) was dead?";

var wordToBeStronged = "romance";

str = str.split( "(" + wordToBeStronged + ")" ).join( "<strong>" + wordToBeStronged + "</strong>" );

console.log( str );