Как отобразить HTML изображения

Question

Say У меня есть изображение, как это:

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

You can give that a try here. Получение самой части html также доступно в форме плагина, here и here, при необходимости, если вам это нужно, вам придется самому сделать или получить плагин синтаксиса.

Answer 2

форма Plugin:

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

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