如何在html标签中按顺序使用模式匹配

Question

我试图在html标签上使用匹配样式来构建html测验，但要使用标记顺序，例如Khan Academy html测验： https://www.khanacademy.org/computing/hour-of-code/hour-of-html/pc/challenge-write-a-poem

我发现了一些相关的主题，例如： Pattern matching html tags

但是，它只是意识到已经找到了标签，并且我希望将输入序列与正确的模式进行匹配，例如：

输入为：

<div>
   <p>this is my paragraph</p>
   <span>this is a regular span</span>
</div>

正确的模式应该匹配为：

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

所以，如何确定要查找的标签是否“具有相同的顺序”（“ span”标签在“ p”标签之前）

或者，我使用了哪种方法或技术。

Answer 1

正则表达式并不总是高效，但是如果找不到更好的解决方案，那么您可以使用以下表达式：

/<\/?[\w\s="/.':;#-\/\?]+>/gi

，这将返回一串打开和关闭的标签，然后您就可以使用它了。