jquery - 加载后删除并替换 img

Question

我试图弄清楚是否有一种方法可以从 DOM 中删除元素，对其进行处理，然后在加载后将其重新插入完全相同的位置。例如，如果我有一个图像，我将如何隐藏它，使用 jQuery 重新调整它的大小，然后以一种看起来像我新指定的大小加载的方式使其可见？显然，这对于 CSS 是可能的，但是如果我试图将图像重新调整为相对于其他元素的大小，那么 Javascript 实际上是有用的。

过去我使用 CSS 解决了这个问题：

visibility: hidden;

但是，如果使用 jQuery 来处理对象的空间维度，这并不能解决加载问题。

具体来说，我想知道如何将元素重新插入到与之前相同的位置（与 DOM 相关）。jQuery 的 append 方法只将元素附加到其父元素的末尾。

Answer 1

To answer the "specifically i want to know" part: You can use Node.insertBefore to place an element in the correct position. (Note that jQuery is not necessary for this operation). This of course means, you have to know where it was (after which element), for which you can play with Node.previousSibling.