Question

jquery如何获取某个元素距离它父级的偏移量啊

<ul> <li></li>
<li></li>
<li id="flag"></li>
<li></li>
</ul>
比如上面这段代码，所有li的高度是25，那么#flag 这个li相对于它父级上边距的偏移就是75；这个数值用代码怎么表示出来呢，offset().top貌似不管用啊

Answer 1

<ul style="position: relative"> <li></li>
  <li></li>
  <li id="flag"></li>
  <li></li>
</ul>
<script>
  $(function(){
      var flag=$("#flag");
    alert(flag.position().top);//距离UI的上边距 50
    alert(flag.position().top+flag.height());//得到75，需加上自身高度
  });

</script>

可以通过position方法获取。把你的父元素设置position

Answer 2

position().top
是相对定位父元素的
offset().top
是相对视窗的

Answer 3

var offset = p.offset();

offset.top

$("#flag").offset({ top: 10, left: 30 });