如何修改此javascript高亮正则表达式以使其自身不再突出显示？

问题描述

我有此代码：

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来实现。

解决方法

匹配landscapes或正斜杠，然后替换为<b>包围的匹配文本：

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