如何使用正则表达式选择此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选项运行它，以便点匹配换行符。

Live demo here

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 )