jQuery：在嵌套的元素內顯示代碼

Question

當用戶單擊按鈕時，我想顯示div容器內的所有HTML。我知道如何做到這一點，但我需要使用正確的縮進來正確嵌套代碼。

有沒有辦法讓我達到這個目標？也許有一個jQuery插件？

我將在div內的另一個容器中顯示代碼。我已經可以像這樣在P標籤內顯示代碼了。

$("button").on("click", function() { 
    $("#show-code-here p").text($("#code-within-container").html()); 
}); 

Answer 1

而不是把導致p標籤只是把它們放在一個pre，它會保持嵌套因爲你擁有它

$("button").click(function(){ 
    $("#show-code-here pre").text($("#code-within-container").html()); 
}); 

JSFIDDLE