将HTML对象转换回字符串

Question

我将一串HTML转换为一个对象，所以我可以像这样操作

var HTMLStr = "<div><span>TESTING</span></div><h1>HEADING</h1><div class='two'>sjdufhs</div>";
var HTMLDom = $(HTMLStr).find("h1").remove();
var newHTMLStr = ???

问题：如何在操作后将HTMLDom转换回字符串？

我尝试过以下操作：https://stackoverflow.com/a/652771/3758078 但这只能转换找到的第一个元素，而不是其余元素。特别是如果没有包含所有其他元素的元素。

Answer 1

您需要将解析HTML的结果保存到变量中，以便在修改后获取HTML。

您还需要将原始HTML包装在另一个元素中，因为稍后使用.html()获取HTML只会返回集合中第一个元素的HTML。

＆＃13;

＆＃13;

var HTMLStr = "<div><span>TESTING</span></div><h1>HEADING</h1><div class='two'>sjdufhs</div>";
var DOM = $('<div>' + HTMLStr + '</div>');
DOM.find("h1").remove();
var newHTMLStr = DOM.html();
console.log(newHTMLStr);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;