代码之家  ›  专栏  ›  技术社区  ›  Svish

如何显示图像的HTML

  •  3
  • Svish  · 技术社区  · 15 年前

    假设我有这样一个图像:

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

    $('img');
    

    2 回复  |  直到 15 年前
        1
  •  5
  •   Nick Craver    15 年前

    假设你有这样一个元素:

    <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 ,编码,如果你需要的话,你得自己做,或者找个语法插件。

        2
  •  0
  •   Stefan Kendall    15 年前

    插件窗体:

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