jquery - 如何找到一个div相对于父div有多少像素（jquery）

Question

举个例子，我如何找到从父级向下有多少像素是 child3？

<div class="parent" id="unique"> 
<div class="child1"></div>
<div class="child2"></div>
<div class="child3"></div>
<div class="child4"></div>
</div>

假设类定义了宽度、高度、填充、边距等

score 2 · Accepted Answer

您可以使用.offset()：

var $child = $('.child3');
var offset = $child.parent().offset().top - $child.offset().top;

我不太确定它是否考虑了边界和边距，但这些应该不难解释。

score 2 · Accepted Answer

var child=$('.child3');
var parent=$('.parent');

return child.offset().top-parent.offset().top;

Offset定义元素相对于文档的位置。

score 0 · Accepted Answer

我相信您正在寻找的是position()功能。它返回一个包含top和left值的对象。

描述：获取匹配元素集合中第一个元素相对于偏移父元素的当前坐标。

3 回答 3