根據頂部的位置獲取屬性值

Question

得到這個圖像列表。我想顯示距離瀏覽器頂部200px最接近的數字的data-id值。看到我向下滾動，我看到值740，然後756，然後788等

<div id="counter" style="position:fixed;top:10px;left:10px;height:200px;width:200px;"></div> 


<figure style="height:200px;" data-id="740"></figure> 
    <figure style="height:200px;" data-id="756"></figure> 
    <figure style="height:200px;" data-id="788"></figure> 
    <figure style="height:200px;" data-id="920"></figure> 

Answer 1

您可以使用。首先（）或：第一從頁面上指定選擇選擇的第一要素。

例如

$("figure").first()

$("figure:first")

然後得到數據-ID屬性你可以添加：

$("figure:first").data("id")