打印jQuery对象作为HTML

前端之家收集整理的这篇文章主要介绍了打印jQuery对象作为HTML前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种将jQuery对象打印成纯HTML的好方法

例如:

<img src="example.jpg">

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

toString()不会这样工作。我需要HTML等效的字符串,即:

< img src =“example.jpg”>

解决方法

如果需要以HTML格式打印对象,请使用此扩展 outerHTMLouterHTML

更新

更新链接并包含第二个链接代码

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

}

猜你在找的jQuery相关文章