Javascript 显示我的div和append的字符串

如何显示已清空的div的字符串表示形式，然后将其追加

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


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

var x=$（'#myDiv'）.outerHTML（）；
x=x.empty（）.append（'test'）；
//结果必须看起来像测试

html（）方法将覆盖现有数据

$('#myDiv').html("<h1>asasas</h1>");

$（'#myDiv'）.html（“asasas”）；

您需要jquery的方法，该方法将

分配html，并且以前的html/文本（如果存在）将被删除


$('#myDiv').html('<h1>test</h1>');

$（'#myDiv'）.html（'test'）；
您也可以使用

$（“#id”）.empty（）.wrapInner（'test'））​​
也许我完全误解了你想要什么，或者我不是完全疯了。但是，这里有一个
函数
。如果我有点偏离，请在下面评论，我将删除这个答案。也就是说，这是我以为你想要的

还有一个

HTML

这是函数定义

function show_details( id, text ){
  var $el = $('#'+id);
  var lt = '&lt;';
  var gt = '&gt;';
  var tag = $el.prop('tagName').toLowerCase();

  // This is messed up, but I dunno how else to do it easily
  $el.text( text );
  var text_with_tags = $el.html();
  $el.text('');

  $el.append(lt+tag);

  var el = document.getElementById(id);  
  for (var attr, i=0, attrs=el.attributes, l=attrs.length; i<l; i++){
    attr = attrs.item(i);
    $el.append(' '+attr.nodeName+'="'+attr.nodeValue+'"');
  }

  $el.append(gt+text_with_tags+lt+tag+gt);
}

函数显示详细信息（id、文本）{
变量$el=$（“#”+id）；
var lt=''；
var gt=''；
var tag=$el.prop（'tagName'）.toLowerCase（）；
//这是一团糟，但我不知道如何轻松做到这一点
$el.text（text）；
var text_with_标记=$el.html（）；
$el.text（“”）；
$el.追加（lt+tag）；
var el=document.getElementById（id）；
对于（var attr，i=0，attrs=el.attributes，l=attrs.length；i您需要将div添加到父级。
首先创建所需的div：

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

var myDiv=$（'#myDiv'）.empty（）.append（“test”）；

将其添加到容器中：

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

var outerHTMLDiv=$（“”）。追加（myDiv.html（）；

outerHTMLDiv现在是

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

测试
var x=$（'#myDiv'）；x.html（'test'）；是否只显示id？如果div也有一个类怎么办？您可能希望使用父html中的div
<div class="some_class" id="myDiv"><h1>Test</h1><div>

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

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

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