jQuery Position

by Marko Keuschnig

HTML

<span id="parent">Parent - </span><span id="parent-position"></span>
<span id="child">Child</span>

JavaScript

$(document).ready(function() {
    var parentPosition = $("#parent").position();
    var parentHeight = $("#parent").height();
    var parentWidth = $("#parent").width();
    $("#parent-position").text("Top: " + parentPosition.top + 
                               "; Left: " + parentPosition.left + 
                               "; Height: " + parentHeight +
                               "; Width: " + parentWidth);
    $("#child").css({top: parentPosition.top + parentHeight, left: parentPosition.left + parentWidth, position:'absolute'});
});