スタイルを持たないjQuery .prop（ 'outerHTML'）（タグ名、クラス名、IDのみ取得）

Question

jQueryでは.prop（ 'outerHTML'）を使用してスタイルを取得せずに要素を取得できますか？ Elementに内部スタイルがある場合、 'proped'にはtagName、classNames、IDだけでなく、スタイルも含まれるためです。

Answer 1

style属性を完全に破棄したい場合は、removeAttr()を使用して属性を破棄する単純なjQuery拡張を簡単に作成できます。たとえば：

(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>