通过用标签替换'`'来包装某些单词

Question

我正在尝试复制一些“降价行为”。我正在尝试向 JS 提供一些文本，例如，像这样的字符串：

"This is some very very fancy `code example` to try out yourself!"

我想替换开头`和<div class="code">结尾`以"</div>"突出显示一些内容。我已经尝试过使用它，.replace()但如果没有它，它就无法工作，包括 terminating 之后的文本`。

我在这里做一些根本错误的事情吗？除了手动逐个字符地遍历字符串之外，还有更优雅的解决方案吗？

非常感谢帕苏-

Answer 1

试试这个：var x = "Hello `code` World!".replace(/`([^`]+)`/g, "<div class='code'>$1</div>");console.log(x);

Answer 2

您可以尝试使用正则表达式来替换它。var str = 'This is some very very fancy `code example` to try out yourself!';document.body.innerHTML += str.replace(/`(.*)`/, '<div class="code">$1</div>').code {&nbsp; color: red;}(.*) 意思是：任何字符一次或多次。$1表示：第一组的内容（其中里面()）或者如果你想更换超过1次，你可以试试这个。var str = 'This is some `code example 1` and very very fancy `code example 2` to try out yourself!';document.body.innerHTML += str.replace(/`(.*?)`/g, '<div class="code">$1</div>').code {&nbsp; color: red;}

Answer 3

您可以使用此调用替换something为<div class="code">something</div>：someString.replace(/`([^`]*)`/,&nbsp;(match,&nbsp;p1)&nbsp;=>&nbsp;`<div&nbsp;class="code">${p1}</div>`);