jQuery nesnesini HTML olarak yazdırma

Question

jQuery nesnesini saf HTML olarak yazdırmanın iyi bir yolu var mı?

örn:

<img src="example.jpg"> 

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

toString()

bu şekilde çalışmıyor.

<img src="example.jpg">

Answer 1

, bu uzantıyı kullanmak outerHTML veya Bu outerHTML.

Güncelleme

Güncelleme bağlantı ve ikinci bağlantı için kod içerir:

$.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])); 

} 

Answer 2

Bunu sarın ve daha sonra html kullanabilirsiniz: HTML eşdeğer dize, yani gerek HTML biçiminde nesneyi yazdırmak gerekiyorsa

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

Answer 3

$('img')[0].outerHTML

sayfada size ilk img HTML'sini verecek . Ardından, tüm görüntülerin HTML'ini almak için for döngüsünü kullanmanız veya görüntüye bir ID koymanız ve sadece jQuery seçicisinde belirtmeniz gerekir.