for文を使った位置情報取得

Question

jQueryを使って、<div id="year-年代">の位置情報を取得したいと思っているのですが、
下記コードを使うと、

Uncaught TypeError: Cannot read property 'top' of undefined

とエラーが出てしまいます。
使用しているjqueryは、jquery-3.2.1.min.js です。

for (var i = 1850; i < 2001; i++) {
        var yearHeight = $('#year-'+i).position().top;
}

どうしたら取得できるでしょうか？
ご教示のほどよろしくお願いいたします。

Comments

[m.ts10806]

htmlがないとなんとも言えません。当該エラーが出る直前のiには何が入ってますか？コンソール出力して確認してみてください

[m.ts10806]

offsetも試してみてください http://tsudoi.org/javascript/jQuery/CSS/position_offset/

Answer 1

Cannot read property 'top' of undefined
ということなので、
$('#year-'+i).position()
これがすでにundefinedなわけです。

考えられる理由は$('#year-'+i)で取得しようとしている要素が見つからない。

iを1850から2000まで1ずつ増やして要素を取得しようとしていますが、本当に画面上にyear-1850からyear-2000まで1つも欠けることなくすべての年の要素が存在しますか？

Comments

[balls]

改めてコードを確認したところ、取得要素が欠如していました。
お蔭様で改善できました。ありがとうございました。

Answer 2

<div id="year-1850">が本当に存在していれば

var i=1850;
var yearHeight = $('#year-'+i).position().top;

これは取得できるはずなので取れないとしたら実行しているのはDOMの生成前なのでは？
その他のコードも提示されたほうがいいかと