jQuery clone元素并避免使用父节点

Question

我正在尝试克隆这样的HTML元素：

ProcessProtocol

原始HTML元素如下所示：

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

我想只克隆这个元素的主体，而不是div本身，所以只是在它之间的主体：

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

 </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);