如何编写正则表达式来查找/替换HTML类？

Question

我正在尝试编写一个正则表达式，该表达式将匹配HTML文件中HTML元素上的每个单独的类，并允许我在每个字符串的末尾附加一个字符串。我正在使用Atom，这是一个基本的文本编辑器，可让您使用正则表达式进行搜索。

我的最终目标是我想在页面上的每个HTML类上附加一个字符串。我不确定正则表达式应精确匹配什么才能使替换更容易-也许在每个课程之后匹配该字符，然后以某种方式用新文本加旧字符替换它？这有可能吗？

示例：

<!-- Here I want to find 'container', then 'flex', then 'left'... -->
<div class="container flex left"></div>
<!-- And convert to... -->
<div class="container-new flex-new left-new"></div>


<!-- Here I want to match just on 'btn-1' -->
<label class="btn-1"></label>
<!-- and convert to: -->
<label class="btn-1-new"></label>

我知道我需要以某种方式使用超前和可能的超前功能，现在我已经完成了一些有关如何使用它们的教程，但仍在努力编写正则表达式来解决此问题。 / p>

Answer 1

您可以尝试：

替换：(class="[^"]*)\bbtn-1\b
使用：$1-new

\b匹配单词边界，因此可以确保您不会错误地匹配btn-10。