javascript - jQuery 克隆元素并避免采用父节点

Question

我正在尝试像这样克隆 HTML 元素:

  var $div = $('#world-map-gdp').clone();
  $("#world-map-gdp2").html($div);
  $("#world-map-gdp2").removeAttr('style').css("height", "400px").css("display","block");

原始 HTML 元素如下所示:

 <div id="world-map-gdp" style="height:400px !important; position: absolute !important; left: -999em !important;">

 </div>

我只想克隆这个元素的主体，而不是 div 本身，所以只克隆介于两者之间的主体:

<div> </div>

标记...我该怎么做？

Answer 1

var body = document.querySelector('#world-map-gdp').innerHTML; 

这将只获取所选元素的 innerHTML 内容，然后使用 body 变量填充第二个元素的 innerHTML:

document.querySelector('#world-map-gdp2').innerHTML = body;

或者，如果你想使用 jQuery:

var $body = $('#world-map-gdp').html(); 
$('#world-map-gdp2').html($body);