jQuery:如何重置页面上所有元素的位置？

Question

假设我有一堆“苹果”类的 DIV，以及另一堆“橙色”类的 DIV。

所有这些 DIV 都有不同的位置，但我想使用 jQuery 函数为它们分配相对于页面上的父容器的新位置，而无需重新加载。

那么，例如，如何在不重新加载页面的情况下将所有“apple”类的 DIV 设置为相对于父容器的“top”值“200px”？

谢谢!

Answer 1

var $apples = $('.apple'); // caching your elements

$apples.parent().css('position', 'relative'); // setting the parent to a relative position

$apples.css('position', 'absolute')  // setting an absolute position, relative to the parent
       .css('top', '200px');  // setting the top position