基于其他元素的JQuery查找元素位置

Question

我有2个div，小div (可拖的)在大div内。

我需要找到小div位置计数从大div左上角，而不是从页面。

大div位置可以是任意位置。(因为页面布局)

<div id='big'>
<div id='small'></div>
</div>

因此，如果用户没有拖动小div，位置将返回0，0

var top=$('#small').position().top; 
alert(top);

我现在拥有的是从页面返回职位，而不是从大部门返回职位。

http://jsfiddle.net/B72mQ/1/

Answer 1

DEMO

$(document).ready(function () {
    $('#small').draggable({
        containment: "parent"
    });
    $('#click').click(function () {
        var rel_top = $("#small").css('top');
        var rel_left = $("#small").css('left');
        alert(rel_top + ', ' + rel_left);
    });
});

Answer 2

$('#small').offset().top

你试过使用偏移量吗？

Answer 3

在jQuery中，要获得元素的位置，我们有两个选项

偏移量()

这总是相对于文档。

职位()

这总是相对于元素的偏移父元素。

偏移量父:是当前元素的父元素，它没有位置值-静态。它可以有任何其他的位置值。

在您的例子中，将position:relative添加到大div中。

CSS代码

#big { position : relative; }

然后position()将给出相对于大div的小div的位置。