Question

我试图将HTML输出到屏幕上（不渲染）。例如，给出以下内容：

<div></div>
<button>escape</button>
<pre><code></code></pre>

使用jQuery动态创建一些HTML：

$('div').html('<p>lorem</p>');

$('button').on('click',function () {
    $('code').text($('div'));
});

有没有办法显示：

<div><p>lorem</p></div>

而不是我所看到的：

[object Object]

Answer 1

您可以使用outerHTML属性：

$('button').on('click',function () {
    $('code').text($('div').prop('outerHTML'));
});

请注意，这只会返回选择器返回的 first outerHTML的{{1}}（或任何其他所选属性/属性）。

参考文献：