JQuery - Kopieren von Dimensionen und absolute Position des Elements

Question

Ich versuche, die Dimensionen eines Elements und die Position (relativ zum Dokument) auf ein anderes Element zu kopieren.

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")); 

Aber in einigen Fällen ist es nicht geben mir immer noch nicht die richtige Position. Fehle ich etwas? Gibt es eine Möglichkeit, eine Elementposition (relativ zum Dokument) einfach zu kopieren, so kann mein Element "CopiedButEmpty" das Element schweben lassen.

Vielen Dank im Voraus!

Answer 1

Ich frage mich, warum Sie nicht gewählt haben, jquery clone() zu verwenden.