javascript - jquery 从 var 中删除元素

Question

我有一个包含父 div 和几个子 div 的页面。这些是动态生成的。我需要在我的数据库中保存所有子 div 的结构(html 代码)，所以我使用 .html() 获取 html 内容。

但在将内容保存到数据库之前，我需要删除一个或多个子 div。 (但这些div仍然需要在浏览器页面上)

如何在 .html() 的输出上使用带有选择器的 remove 方法(在此示例中我需要删除 child3)

<div id="graph-parent"> 
    <div id="child1"></div>
    <div id="child2"></div>
    <div id="child3"></div>
    <div id="child4"></div>
    <div id="child5"></div>
</div>


var htmlContent = $( "#graph-parent" ).html();

如何从 htmlContent 中删除 child3？

Answer 1

简单地克隆元素并对其进行操作:

var clone = $('#graph-parent').clone();
clone.find('#child3').remove();
var htmlContent = clone.html();