如何查看HTML源代碼？

Question

我在這裏嘗試 - http://jsfiddle.net/stevea/CRVpL/2/ - 查看div的來源。
下面的第一行選擇了html ok，但下一行沒有放在我想要的位置。

var inhtml = $('#box1').html(); 
$(inhtml).appendTo('#displaysource'); 

有人能指出正確的方法來做到這一點嗎？ 感謝

Answer 1

使用.text()

$('#displaysource').text(inhtml); 

Demo

當你做$(inhtml).appendTo(..的HTML將追加到div的元素，但如果你想看到它作爲文本，他們需要轉義這就是.text（）在html標籤上做的事情。

Answer 2

var inhtml = $('#box1').html(); 
$('#displaysource').text(inhtml); 

Answer 3

var inhtml = $('#box1').html(); 
$(inhtml).appendTo('#displaysource'); 

TO

var inhtml = $('#box1'); 
$(inhtml).appendTo('#displaysource'); 

如果要移動的內容

做出這樣的：

var inhtml = $('#box1').text(); 
$('#displaysource').text(inhtml); 

希望你能幫助