JQuery – Copier les dimensions et la position absolue de l’élément

J’essaie de copier les dimensions d’un élément et la position (par rapport au document) sur un autre élément.

Ex:

var SelectedElement = $("div#MyTargetElement"); // The CopiedButEmpty element is a div with absolute position that is meant to hover/float above the selected element. $("div#CopiedButEmpty").css("width", SelectedElement.width()).css("height", SelectedElement.height()) .css("left", SelectedElement.offset().left).css("top", SelectedElement.offset().top) .css("marginTop", SelectedElement.css("marginTop")).css("marginLeft", SelectedElement.css("marginLeft")) .css("marginRight", SelectedElement.css("marginRight")).css("marginBottom", SelectedElement.css("marginBottom")) .css("paddingLeft", SelectedElement.css("paddingLeft")).css("paddingTop", SelectedElement.css("paddingTop")) .css("paddingRight", SelectedElement.css("paddingRight")).css("paddingBottom", SelectedElement.css("paddingBottom")); 

Mais dans certains cas, cela ne me donne toujours pas la position correcte. Est-ce que je manque quelque chose? Existe-t-il un moyen de copier facilement la position d’un élément (par rapport au document), afin que mon élément “CopiedButEmpty” puisse le survoler?

Merci d’avance!

Je me demande pourquoi vous n’avez pas choisi d’utiliser jquery clone () .