$ ('tbody tr') [0] .offset (). top не работает

Question

Я пытаюсь получить верхнюю часть первой строки в теле таблицы:

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

, но я могу получить из нее любое значение.

Я прочитал статьючто для родительского элемента целевого элемента должно быть установлено свойство position в CSS. Итак, я добавил:

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

* 1009. * Рабочая демоверсия

$(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>