Question

我尝试通过以下方式获取表格中tbody中第一行的顶部：

$('tbody tr')[0].offset().top

但是，我可以从中获得任何价值。

我读了一篇文章，目标元素的父元素应该在CSS中设置为position属性。因此，我添加了：

tbody {
  position: relative;
}

但是它仍然不起作用。

$(window).on('load',function(){
  const val = $('tbody tr')[0].offset().top;
  console.log(val);
});

我希望输出的是“ tr”元素的偏移顶部位置的数量。

Answer 1

如果要获取第一个offset().top中的tr，请使用$('tbody tr:first').offset().top;

让我们说您想获得第三个tr然后使用$('tbody tr').eq(2).offset().top

工作演示

$(window).on('load', function() {
  const val = $('tbody tr:first').offset().top;
  console.log(val);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<br>
<br>
<br>
<br>
<br>
<br>

<table>
  <tbody>
    <tr>
      <td>test</td>
    </tr>
  </tbody>
</table>

$（'tbody tr'）[0] .offset（）。top不起作用

1 个答案: