如何获取父div

Question

所以我使用Jquery和纯js来编写小应用程序，我在div parent中有一个元素。这个Draggable元素（ui小部件）可以在div parent中移动。我想得到确切的数量从顶部和左边的像素。

这就是我的意思：

我现在有以下代码，但是使用此代码我无法从顶部和底部获得精确的像素数量，

$('#dragThis').draggable(
{
    drag: function(){
        var parentOffset =$(this).parent().offset(); 
        var offset = $(this).offset();
        var xPos = offset.left - parentOffset.left ;
        var yPos = offset.top - parentOffset.top  ;
        $('#posX').text('x: ' + xPos);
        $('#posY').text('y: ' + yPos);
    },
    containment: "#parentDiv"
});

工作示例： http://jsfiddle.net/8fbdf93m/

请帮忙。

Answer 1

尝试Jquery.Position方法。它允许您检索元素相对于偏移父级的当前位置

Answer 2

您还可以尝试$(this).css('left')或$(this).css('top')

更新了小提琴http://jsfiddle.net/8fbdf93m/4/