jQuery从var中删除元素

Question

I have a page with a parent div and several child divs. These are generated dynamically. I need to save the structure (html code) of all the child divs in my database, so I get the html content using .html().

But before I save the content in db, I need to remove one or more child divs. (But these divs will still need to be on the browser page)

How do I use the remove method with the selector (in this example I need to remove child3) on the output of .html()

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

how do I remove child3 from htmlContent?

Answer 1

Simply clone the element and operate on that:

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

Answer 2

I think you need something like this:

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

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