如何显示图像的HTML

假设你有这样一个元素:

<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'));​​​​​​​​​​​​​​​​​​​​​

You can give that a try here . 获取html部分本身也可以以插件的形式提供, here here ,编码,如果你需要的话,你得自己做,或者找个语法插件。

插件窗体:

jQuery.fn.outerHtml = function() {
    return $('<div>').append( this.clone() ).html();
};

$('#mycode').append($('img').outerHtml());