Javascript 正则表达式，删除未关闭的标签

Question

我正在寻找 javascript 正则表达式解决方案来删除未封闭的标签，例如：

<div></div><span>

如您所见，我想删除 <span> 元素，我知道在标记上使用正则表达式是个坏主意，但它是我的项目所必需的，这是我制作的正则表达式模式，但它不起作用：

/<([a-z]+?)>([\s\S]*?)(?!<\/\1>)/g

我正在使用 javascript replace 将所有匹配项替换为 ""，我尝试使用我的模式来匹配 only 未封闭的标签，关于模式：

1. [a-z] 我知道 html 标签可以包含 =,",etc，我正在寻找可以播放和编辑的简单模式，所以我从 [a-z] 开始
2. 我使用!? 拒绝匹配结束标签。

我知道我的模式不起作用，如果有人有想法，我将非常感激。

编辑：

我知道可能存在递归，如果是这种情况我想删除所有递归树，我只想保留 1 级 html 例如：

<div><span></span></div><p></p>

所以如果<div> 之后的下一个标签不是</div> 则删除它。

Answer 1

首先，让我们看看OP怎么说：

• 我知道在标记上使用正则表达式是个坏主意，但它是我的项目所必需的。
• 我只想保留1级html

这是可以实现的。

你在正确的轨道上。但是，您不应该使用 !? 来拒绝结束标签的匹配。你想接受他们。这样比赛就不会接受未闭合的标签，这毕竟是我们的目标。

现在，您的正则表达式将如下所示。

/<([a-z]+?)>([\s\S]*?)(<\/\1>)/g

我们可以去掉第二个和第三个括号，因为它们不是必需的：

/<([a-z]+?)>[\s\S]*?<\/\1>/g

如果我们在提供的代码上测试这个正则表达式，将会得到以下结果：

"<div><span></span></div><p></p>".match(/<([a-z]+?)>[\s\S]*?<\/\1>/g)
["<div><span></span></div>", "<p></p>"]

似乎我们的正则表达式匹配了太多的符号。我们必须在“

"<div><span></span></div><p></p>".match(/<([a-z]+?)>[^<]*?<\/\1>/g)
["<span></span>", "<p></p>"]

终于可以加入匹配的结果了。

"<div><span></span></div><p></p>".match(/<([a-z]+?)>[^<]*?<\/\1>/g).join("")
"<span></span><p></p>"

哇哦。我将把正则表达式的第一部分留给你，因为它不是问题的一部分。我希望这可以帮到你。我愿意接受进一步的问题。