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

时间:2017-02-22 16:07:29

标签: javascript jquery html css

我正在尝试克隆这样的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>

标签......我该怎么做?

1 个答案:

答案 0 :(得分: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);