2012-12-28 25 views
3

說我有JQuery的html的()的用法

<div id="controller"> 
<div id="first">1</div> 
<div id="second">2</div> 
</div> 

$('#controller').html()。其中返回

<div id="first">1</div> 
<div id="second">2</div> 

我怎麼.html()返回

<div id="controller"> 
<div id="first">1</div> 
<div id="second">2</div> 
</div> 

還是有複用功能爲了那個原因?

+0

看看這個[post](http://stackoverflow.com/a/4741203/1577396) –

+0

[jQuery選擇器返回的對象的完整HTML]的可能重複(http://stackoverflow.com/questions/3535284 /完整的html-of-object-returned-by-jquery-selector) – DocMax

回答

3

把它包(即克隆),另一位家長

$('<div></div>').append($('#controller').clone()).html(); 

也在裏面,簽出similar question

2

您需要使用outerHTML

Live Demo

$('#controller')[0].outerHTML 

您可以將div的克隆添加到動態創建的股利和使用它的HTML。

$('<div>').append($('#controller').clone()).html(); 
+0

這不是跨瀏覽器,雖然 –

+0

呵呵,不錯編輯;) –