javascript获取子元素与父元素左上角的距离

有没有办法从给定的父元素获取子元素的偏移量

例如，如果中的某个DIV包含在id为“xyz”的父DIV中

有办法说吗

parent = $("xyz");
child = $("abc");

child.offset(parent);

谢谢

一个方便的方法是，但仅当父元素具有

位置

样式属性时

var offset = $('abc').positionedOffset();
offset.left;
offset.top;

否则它需要更多的工作：

var parent = $('xyz',
    child = $('abc'),
    offset = child.viewportOffset().relativeTo(parent.viewportOffset());

这里的优点是这两个元素不需要直接相关，页面上的任何一对元素都可以