如何修改此 javascript 突出显示正则表达式以不重新突出显示自身？

Question

我有这个代码：

display_title = 'Example text landscapes / more text';
// highlight landscapes
display_title = display_title.replace(/landscapes/gi,'<b>landscapes</b>');
// but also need to highlight some instances of "/"
display_title = display_title.replace(/\//gi,'<b>/</b>');
// ... more words to highlight

我应该如何修改代码以使第二个突出显示命令不会替换 landscapes</b> 中的斜线？换句话说，它应该只匹配 html 标签之外的内容。

我找到了一些示例，但这些示例使用的是 jQuery，我想使用普通的 JavaScript。

Answer 1

匹配 landscapes 或正斜杠，然后用 <b>:

包围的匹配文本替换

const display_title = 'landscapes /';
const result = display_title.replace(/landscapes|\//gi, '<b>$&</b>');
console.log(result);