如何显示图像的HTML

Question

说我有这样的图像:

<img src="someimage.png" alt="Image" />

我想在例如代码标签中显示该图像的html,但我怎样才能得到它？我可以轻松获得图像:

$('img');

但是如何获取它的HTML并将其附加到代码标记中？

Answer 1

假设你有这样一个元素:

<code id="mycode"></code>

你可以这样做:

$("#mycode").append($("<div />").append($('img').clone()).html());

或者,如果您希望半编码显示,如下所示:

var html = $("<div />").append($('img').clone()).html();
$("#mycode").append(html.replace('<','&lt;').replace('>','&gt'));?????????????????????

你可以尝试一下这个.获取html部分本身也是以插件形式提供的,这里和这里,编码,如果你需要它,你将不得不自己做,或获得语法插件.