如何使用正則表達式選擇此 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 )