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

Question

I have a few lines of HTML code :

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

How to select everything inside the <div class="container header"> using Regular Expression ?

The end result should be :

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

Answer 1

How about this?

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

• [\\n\\s]* ensures you are only reading newspaces or spaces
• [^<]* reads everything excluding < , which is the character you stop at
• <\\/div>[ \\n\\s]*<\\/div> reads the two closing div tags you requested

Of course you must run it with the s option so that a dot matches newlines.

Live demo here

Answer 2

DOMParser can be used to parse 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 )