jquery - 无论包含块计算位置

Question

我有<table>几个<div>标签：

<div class=outer>
  <div class=inner>
    <table>
      <tbody>
        <tr><td>col1</td><td>col2</td></tr>
        <tr><td>col1</td><td>col2</td></tr>
      </tbody>
    </table>
  </div>
</div>

如果使用 jQuery$.fn.position函数获取行的位置：

console.log($('tr:first').position().top);

div.inner根据我是否设置为position: relative（示例），它将返回不同的值。我相信这是因为行的包含块在每种情况下都不同。

我需要计算行相对于身体的位置，而不管是否div.inner将位置设置为relative. 有没有一种优雅的方法来实现这一点？或者我是否需要提升 DOM 树，检查每个祖先是否为position: relative，并在此基础上添加一个偏移量？

Answer 1

我想你 console.log($('tr:first').offset().top);