Convert a jQuery set into HTML

Question

Given a jQuery result set, how do you convert that back into plain HTML?

<div class="abc">
    foo <strong>FOO</strong>
</div>
<div class="def">
    bar
</div>

--

var $mySet = $('div');

Given $mySet, how would you go about returning to the plain HTML above?

Answer 1

i'd suggest creating a temporary container, then grabbing the html() of that new container:

var html = $('<div>').append( $('div').clone() ).html();
alert(html);

// alerts:

<div class="abc">
    foo <strong>FOO</strong>
</div><div class="def">
    bar
</div>