javascript - Div の正確なオフセット値を見つける

Question

多くの div を含む HTML ページがあります。ひとつひとつの Div が持つ固有の価値を、毎回見つけていきたいと思っています。

ページを更新するたびにオフセット値が変化します。それを可能にする方法はありますか？

Answer 1

$('div').each(function() {
    console.log($(this).offset());
})

Answer 2

$('div').each(function() { console.log($(this).offset()); });

Answer 3

ページがまだ完全にロードされていないときにオフセット値が読み取られるため、ページのロードごとにオフセット値が変化すると思います。それらを $(window).load(function{}) でラップしてみてください

$(window).load(function() {
    $('div').each(function() {
        console.log($(this).offset());
    })
});

Answer 4

$('div').each(function() {
  /* no need to pass through jQuery function to retrieve offset */
  console.log(this.offsetLeft + " - " + this.offsetTop); 
});