2011-10-27 12 views
0

可能性の重複を含める方法:
Get selected element's outer HTMLjqueryのHTML()関数 - セレクタHtmlの

私はこれは本当に愚かな質問である疑いがある、しかし、あなたは、HTML()関数を呼び出すときJQueryでは、選択されたノードを内部Htmlに戻します。選択したノートを返されたHTMLに含めるにはどうしてですか?私はそれが助けを

<div class="demo-container"> 
    <div class="demo-box">Demonstration Box</div> 
</div> 

感謝を返してもらうにはどうすればよい以下のHTML

<div class="demo-container"> 
    <div class="demo-box">Demonstration Box</div> 
</div> 

この呼び出し$('div.demo-container').html();戻り

<div class="demo-box">Demonstration Box</div> 

上の例!その後

答えて

2

あなたは退屈なdivの中にそのコピーをラップし、そのHTML得ることができる:

var str = $('div.demo-container').clone().wrap('<div/>').parent().html(); 
+0

ugh divはSO 2010;) – MorganTiley

1

書き込みhere

jQuery.fn.outerHTML = function(s) { 
    return (s) 
    ? this.before(s).remove() 
    : jQuery("&lt;p&gt;").append(this.eq(0).clone()).html(); 
} 

からこの拡張、例をあなたがそれを使用したい:

$('#myTag').outerHTML(); 
0
$('div.demo-container').parent().html() //Only works in this specific situation 

または

$('div.demo-container')[0].outerHTML; //Only works in IE and Chrome 
+0

をouterHTML IE専用のプロパティではないでしょうか? – MorganTiley

+0

'div.demo-container'に兄弟がある場合、' .parent().html() 'は間違った結果を返します。 – Blazemonger

+0

@MorganTileyクロムでも動作しますが、Firefoxでサポートされていないようです – Esailija

0

これはあなたのために働く可能性があります。

$('div.demo-container').parent().html(); 
+0

'div.demo-container'に兄弟がある場合は間違った結果を返します。 – Blazemonger

+0

は彼の例に正しい結果を与える:) – jbabey