Question

我有在變量中的HTML內容，如var content = "<li><div>list 1</div> <ol><li><div>list nested list 1</div></li></ol></li>";

我想刪除的內容，直到第一</div>，並存儲在一個變量中刪除的內容，並保持休息在同一個變量的HTML標籤。如下圖所示：

content = '<ol><li><div>list nested list 1</div></li></ol></li>' 

和removed_content= <li><div>list 1</div>

我試圖用removed_content =content.replace(/</div>.*/, '');，但它的不接受HTML標記。

Answer 1

var index = content.indexOf("</div>") + 6; //always gives you the end of first </div> tag 
var removed-content = content.substr(0, index); 
content = content.substr(index); 

Answer 2

var content = "<li><div>list 1</div><ol><li><div>list nested list 1</div></li></ol></li>"; 
var removed_content = ""; 
var reg = /^(.*?<\/div>)/; 
content = content.replace(reg, function(all, $1){ 
    removed_content = $1; 
    return ""; 
})