JavaScript的正則表達式來移除不匹配的結束HTML標記？

Question

我試圖刪除JavaScript中的過多結束標記以及之後的任何內容。

這裏是一個可能的樣本：

<div class="dummy"> 
    <div class="main"> 
     <div></div> 
     <img src="a.jpg"> 
     <br> 
     <img src="b.jpg /> 
     <strong> 
      <span>text</span> 
     </strong> 
    </div> 
</div> 
    ***excessive tags below*** 
</div> 
</div> 
<div class="footer"> 
    text 
</div> 
</body> 
</html> 

有關如何有效地做到這一點任何想法？ 我想要提取的部分始終是一個div，但問題是它可能具有儘可能多的嵌套div，並且我不確定如何處理此方案。

如果可以在多個步驟中完成，或者回調也很好，只要它可以工作。

編輯 我的問題實際上比看起來容易。 樣本始終以我想要提取的div開始。 所以我需要的是找到匹配的結束標記，並過濾任何後續內容。 不關心任何其他標籤...

Answer 1

data='<div class="dummy"><div class="main"><div></div><img src="a.jpg"><br><div></div><img src="b.jpg /><strong><span>text</span> </strong></div><div><div></div></div><div><div></div></div></div>***excessive tags below***</div></div><div class="footer">text</div></body></html>'; 



var starting_tags = []; 
var closing_tags = []; 

     var startIndex, index=0; 
    var searchStrLen = 4; 
    while ((index = data.indexOf('<div', startIndex)) > -1) { 
     starting_tags.push(index); 
     startIndex = index + searchStrLen; 
    } 
    index,startIndex=0; 
    searchStrLen = 6; 
    while ((index = data.indexOf('</div>', startIndex)) > -1) { 
     closing_tags.push(index); 
     startIndex = index + searchStrLen; 
    } 

    var nest_level=0; 
    for (var i=0; i<closing_tags.length && nest_level<closing_tags.length && nest_level<=closing_tags.length; ++i) { 
     for (var j=0+nest_level; j<starting_tags.length; ++j) { 
       if (starting_tags[j]<closing_tags[nest_level]) 
      nest_level++; 
     } 
    } 
result = data.substr(startIndex[starting_tags], closing_tags[nest_level-1]+6);  

console.log(nest_level); 
console.log(starting_tags); 
console.log(closing_tags); 
console.log(result); 

我能解決這個問題。上面的代碼計算div嵌套的級別，然後在找到過多的結束標籤時將其切斷。

https://jsfiddle.net/89j7yakz/2/

Answer 2

不要使用正則表達式，從我的理解，你想保留虛擬類div和頁腳類div所以爲什麼不用正則替換正文？

E.g.

var dummy = document.getElementsByClassName('dummy')[0]; 
var footer = document.getElementsByClassName('footer')[0] 

var body = document.getElementsByTagName('body')[0]; 
body.innerHTML = ''; 
body.appendChild(dummy); 
body.appendChild(footer); 

https://jsfiddle.net/1kq11ry2/