如何使用正则表达式选择此 HTML 代码？

Question

我有几行 HTML 代码：

 <div class="container header"> <div class="row"> <div class="col-md-6">This is the target text</div> </div> </div>

如何使用正则表达式选择<div class="container header"> ？

最终结果应该是：

 <div class="row"> <div class="col-md-6">This is the target text</div> </div>

Answer 1

这个怎么样？

<div class="row">[ \n\s]*<div class="col-md-6">[^<]*<\/div>[ \n\s]*<\/div>

• [\\n\\s]*确保您只阅读新空间或空间
• [^<]*读取除<之外的所有内容，这是您停止的字符
• <\\/div>[ \\n\\s]*<\\/div>读取您请求的两个结束 div 标签

当然，您必须使用s选项运行它，以便点与换行符匹配。

现场演示在这里

Answer 2

DOMParser可用于解析 html：

 var html = ` <div class="container header"> <div class="row"> <div class="col-md-6">This is the target text</div> </div> </div>` var innerHTML = new DOMParser().parseFromString(html, 'text/xml').firstChild.innerHTML console.log( innerHTML )