javascript - jQuery .html() 用法

Question

说我有

<div id="controller">
 <div id="first">1</div>
 <div id="second">2</div>
</div>

$('#controller').html().返回

<div id="first">1</div>
<div id="second">2</div>

我如何.html()才能返回

<div id="controller">
 <div id="first">1</div>
 <div id="second">2</div>
</div>

或者是否有替代功能？

Answer 1

将它（即克隆）包装在另一个父级中

$('<div></div>').append($('#controller').clone()).html();

另外，查看一个类似的问题。

Answer 2

你需要使用outerHTML

现场演示

$('#controller')[0].outerHTML

您可以将 div 的克隆添加到动态创建的 div 并使用它的 html。

$('<div>').append($('#controller').clone()).html();