画面内に見えている要素を取得する方法

###実現したいこと
jqueryでヒートマップ的なものを作ろうとしています。

まずはじめに、画面（DOM、img等のタグ）読み込み時、画面内で見えている要素を取得する方法を探しています。
どんなやり方がありますでしょうか。

jquery
1window.on('load', function(){
2 //ココ
3}

###試したこと

html
1<body>
2	body
3	<section class="sec_1">
4		section1
5		<div class="div1">
6			div1
7			<p class="p1_1">p1_1</p>
8			<div class="div2">
9				div2
10				<h1 class="h1_1">h1_1</h1>
11				<h2 class="h2_1">h2_1</h2>
12			</div>
13			<div class="div3">
14				div3
15				<p class="p1_2">P1_2<br>あｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆ
16				</p>
17				<ul class="ul_1">
18					ul1
19					<li class="list1">list1</li>
20					<li class="list2">list2</li>
21					<li class="list3">list3</li>
22					<li class="list4">list4</li>
23				</ul>
24			</div>
25			<div class="div4">
26				<div class="div5">
27					<div class="div6">
28						<div class="div7">
29							<p class="p1-3">p1_3　あｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆあｓｄふぁｓｄふぁｓｄふぁｓｄｆ</p>
30						</div>
31					</div>
32				</div>
33			</div>
34			<p class="p1-4">p1_4</p>
35			<p class="p1-5">p1_5</p>
36			<p class="p1-6">p1_6</p>
37			<p class="p1-7">p1_7</p>
38			<p class="p1-8">p1_8</p>
39		</div>
40		<div id="downloadBtn" class="div8">
41			download
42		</div>
43	</section>
44</body>

js
1	var _win_scr = $(window).scrollTop();
2	var _win_h = $(window).height();
3	var _self = $("body").find("*");
4
5  //eachで回してそれぞれのoffset.top取って範囲指定
6  var _selfTag = _self.each(function(i){
7    var _selfNum = _self.eq(i);
8    var _selfNum_pos = _selfNum.offset().top;
9    //scrTop=0,win_hの中に要素いるとき
10      if(_win_scr <= 0 && _selfNum_pos < _win_h) {
11	console.log(_self[i].tagName);
12      }
13   });