jQuery: comment réinitialiser toutes les positions d'éléments sur la page?

Question

Disons que j'ai un tas de DIVs avec une classe de "apple", et un autre groupe de DIVs avec une classe de "orange". Tous ces DIVs ont des positions différentes, mais je veux utiliser une fonction jQuery pour leur assigner de nouvelles positions par rapport à leurs conteneurs parent en direct sur la page sans aucun rechargement. Par exemple, comment puis-je définir tous les DIV avec la classe "apple" à une valeur "supérieure" de "200px" par rapport au conteneur parent sans recharger la page?

Merci!

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