получить значение атрибута в зависимости от позиции сверху

Question

Получил этот список изображений. Я хотел бы отобразить значение идентификатора данных, которое находится ближе всего к 200px от верхней части браузера. Смотрите, когда я прокручиваю вниз я вижу значение 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

Вы можете использовать .first() или : первый выбрать первый элемент из заданного селектора на этой странице.

например.

$("figure").first()

$("figure:first")

Затем, чтобы получить данных идентификатор атрибута вы можете добавить:

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