没有样式的jQuery .prop（'outerHTML'）（只获取tagName，classNames和ID）

Question

在jQuery中是否有一种方法可以使用.prop（'outerHTML'）来获取Element而不获取任何样式？因为如果Element有内部样式，'proped'不仅包括tagName，classNames和ID，还包括样式。

Answer 1

如果要完全放弃style属性，可以轻松编写一个简单的jQuery扩展，使用removeAttr()丢弃该属性。例如：

(function($) {
    $.fn.outerHTML = function() {
        return $(this).clone().removeAttr('style').wrap('<div></div>').parent().html();
    };
})(jQuery);

$('#outer').val( $('#myDiv').outerHTML() );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="div" id="myDiv" style="width: 100px;height:100px"></div>
<textarea id="outer"></textarea>