将jQuery集转换为HTML

Question

给定一个jQuery结果集,如何将其转换回纯HTML？

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

-

var $mySet = $('div');

鉴于$mySet,您将如何回到上面的纯HTML？

Answer 1

我建议创建一个临时容器,然后抓住html()那个新容器:

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

// alerts:

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

Answer 2

如果您的集合正好包含一个项目，您可以使用 ye olde Javascript：

var html = $mySet[0].outerHTML; // note HTML is all caps... that always burns me