javascript 正则表达式后面不跟特定字符

Question

我正在尝试通过java脚本在这些商标符号的单词上添加标签

ABC®
ABC®/MD

这是我尝试过的。以下效果完美:

<div class="content-wrapper">
  ABC®/MD
</div>

$(".content-wrapper").each(function () {
  $(this).html($(this).html().replace(/®\/MD/g, "<sup>®</sup>"));
}

但是，我无法替换 ®没有/MD与 <sup>在相同的内容包装中:

<div class="content-wrapper">
  ABC®/MD
</div>

$(".content-wrapper").each(function () {
  $(this).html($(this).html().replace(/®?!\/MD/g, "<sup>®/MD</sup>"));
}

总结一下，如果匹配ABC®/MD那么结果应该是ABC<sup>®/MD</sup>如果它匹配 ABC®那么输出应该是ABC<sup>®</sup> .

Answer 1

您可以使用可选组来匹配 ® 之后出现的 1 或 0 次 /MD ((?:\/MD)? )，然后您需要替换为整个匹配的 $& 反向引用:

.replace(/®(?:\/MD)?/g, "<sup>$&</sup>")

请参阅regex demo

JS 演示:

$(".content-wrapper").each(function () {
  $(this).html($(this).html().replace(/®(?:\/MD)?/g, "<sup>$&</sup>"))
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content-wrapper">
  ABC®/MD and ABC®
</div>