jQuery中的缓存元素（Internet Explorer？）

Question

<script> 
    var elem = null; 
    $(document).ready(function() { 
     $elem = $("#elem"); 
     $("#parent").html(''); 
     $("#parent").append($elem); 
    }); 
</script> 

<div id="parent"> 
    <div> 
     Bla Bla Bla... 
    </div> 
    <div id="elem"> 
     <div> 
      It work's! 
     </div> 
    </div> 
</div> 

我想缓存ID为#elem的元素与他的子节点和文本节点以及他的子节点的文本节点。上述代码适用于Google Chrome和Firefox，但在Internet Explorer中（使用IE 10测试），#elem的子节点缺失。

任何帮助？ 在此先感谢。

Answer 1

好吧，我觉得这是一个jQuery内部克隆/ 编码问题 - 深拷贝vs浅拷贝！

使用

$elem = $('#elem').clone(); 

works！

Answer 2

我会建议使用JQuery

的 detach方法

Answer 3

尝试做

$elem = $("#elem").clone(); 

它为我工作在IE10