jQuery-Objekt als HTML ausdrucken

Gibt es eine gute Möglichkeit, ein jQuery-Objekt als reines HTML auszudrucken?

ex:

<img src="https://stackoverflow.com/questions/1859385/example.jpg">

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

toString() funktioniert so nicht. Ich brauche die HTML-äquivalente Zeichenfolge, dh:

<img src="https://stackoverflow.com/questions/1859385/example.jpg">

$('img')[0].outerHTML

gibt Ihnen den HTML-Code des ersten Bildes auf der Seite. Sie müssen dann eine for-Schleife verwenden, um den HTML-Code aller Bilder abzurufen, oder dem Bild eine ID zuweisen und sie nur im jQuery-Selektor angeben.

Sie könnten es umschließen und dann HTML verwenden:

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

Wenn Sie das Objekt im HTML-Format drucken müssen, verwenden Sie diese Erweiterung äußereHTML oder dieses äußereHTML.

Aktualisieren

Aktualisieren Sie den Link und fügen Sie den Code für den zweiten Link hinzu:

$.fn.outerHTML = function(){

    // IE, Chrome & Safari will comply with the non-standard outerHTML, all others (FF) will have a fall-back for cloning
    return (!this.length) ? this : (this[0].outerHTML || (
      function(el){
          var div = document.createElement('div');
          div.appendChild(el.cloneNode(true));
          var contents = div.innerHTML;
          div = null;
          return contents;
    })(this[0]));

}