javascript - 从开始删除内容到存储在变量中的 html 标记

Question

我在变量中有一个 html 内容，例如var content = "<li><div>list 1</div> <ol><li><div>list nested list 1</div></li></ol></li>";

我想先删除内容，</div>然后将删除的内容存储在一个变量中，然后将其余内容保留在同一个变量中。如下：

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 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 "";
})

Answer 2

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);