javascript - 显示我的 div 的字符串并追加

Question

如何显示清空的 div 的字符串表示形式，然后附加到它？

 var x = $('#myDiv').outerHTML(); 
x = x.empty().append('<h1>test</h1>');


//result must look like  <div id="myDiv"><h1>test</h1></div>

Answer 1

您需要将 div 添加到父级。 首先创建你想要的div:

var myDiv = $('#myDiv').empty().append("<h1>test</h1>");

将其添加到容器中:

var outerHTMLDiv = $("<div></div>").append(myDiv).html();

outerHTMLDiv 现在是

 <div id="myDiv"><h1>test</h1></div>