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>

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

Answer 1

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

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

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