Print out jQuery object as HTML

Question

Is there a good way of printing out a jQuery object as pure HTML?

ex:

<img src="example.jpg">

<script>
var img = $('img').eq(0);
console.log(img.toString());
</script>

toString() doesn't work this way. I need the HTML equivalent string , i.e:

<img src="example.jpg">

Answer 1

You could wrap it and then use html:

var img = $('img').eq(0);
console.log(img.wrap("<span></span>").parent().html());

Answer 2

If you need to print the object in HTML format, use this extension outerHTML.

Answer 3

You can use the following piece of code.

var str = $("img").html();