Question

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

但是在我将内容保存在db之前，我需要删除一个或多个子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();

Answer 2

我认为你需要这样的东西：

http://jsfiddle.net/glegan/65QPV/

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

Jquery从var中删除元素

2 个答案: