jquery - 复制不呈现的 Jquery 对象

Question

我有一个 DIV，我想在浏览器中不显示这些操作的情况下对其进行操作。更具体地说，我想从 DIV 中删除图片，然后只保存 HTML。

divObj.find($(".picture1")).remove();

我尝试了复制 divObj 的技术，但即使复制引用了浏览器中的内容，所以上面的图片从屏幕上消失了，我不希望发生这种情况。

所以我首先需要制作一个副本，它并不真正引用浏览器中的 DIV，而是仅在内存中执行操作。这可能吗？

Answer 1

所以我首先需要制作一个副本，它并不真正引用浏览器中的 DIV，而是仅在内存中执行操作。这可能吗？

使用.clone()而不是.remove().

var $copy = $("#picture1").clone();

.find()在这里完全没有必要。

Answer 2

如果要从文档中提取图片，但要将图片的jQuery对象存储在某个变量中，可以使用.detach()方法：

该.detach()方法与 相同.remove()，除了.detach() 保留与已删除元素关联的所有 jQuery 数据。

var picture = $("#picture1").detach();

Answer 3

您将首先需要创建一个 div 来存储所有这些隐藏的东西，例如

<div class="myHiddenDiv"></div>

上

   $(document).ready(function(){
     $('.myHiddenDiv').hide();  //using jQuery's hide will hide , but allows changes
   });

然后clone()是你想要的那个副本的图片，append()这个克隆到隐藏的 div ，你可以随心所欲地计算隐藏的 div