jqueryスタイル属性を取り除いた要素のHTMLを取得

Question

要素の生のHTMLを取得することは可能ですか、または「スタイル」属性なしでHTMLを取得することは可能ですか？次の例を考えてみましょう。

<div class="outer"> 
    <div class="inner"> 
     some text 
    </div> 
</div> 

ここで、「inner」要素にアニメーション/ CSSを適用します。私はconsole.log($('.outer').html());を使用して "外側" 要素のHTMLを取得すると、私は次のよう

<div class="inner" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "> 
     some text 
    </div> 

を得る。しかし、私は実際に最も簡単であるものだけを

<div class="inner"> 
     some text 
    </div> 

これを必要と

​$('.inner').animate({ 
    'margin': '-10px' 
});​​ 

その出力を得る方法？ animate（）またはcss（）を適用する前に、要素のバックアップを作成する必要はありません。

ありがとうございます。

Answer 1

あなたは完全に属性（と、それをバックしたくない）スタイルを削除したい場合は、以下のコードを使用します。

/* Working code */ 
$(".outer").find(".inner").removeAttr('style').end().html(); 

/* Explanation of working code */ 
$(".outer")      // Get the outer element 
      .find(".inner")  // Find the inner div 
      .removeAttr('style') // Remove the attribute from the inner div 
      .end()    // Return to the outer div 
      .html();    // Get outer div's HTML 

をここでa working fiddleです。

jQueryのドキュメント：

• find()
• removeAttr()
• end()
• html()