Question

In the following code, I’m trying to get the value of the first div under “latest”, but I keep getting “undefined”. I’m expecting the value 5705. This should have worked, right? How do I set this right?

var auto_refresh = setInterval(function()
{
    console.log($('.latest').first().attr('lastValue'));
}, 5000); // refresh every 5 seconds

The html part: There’ll be more divs added here. So 5705 may be 5710 or something else.

<div class="latest">
<div class="story" lastValue="5705">Story 5</div>
<div class="story" lastValue="5704">Story 4</div>
<div class="story" lastValue="5703">Story 3</div>
<div class="story" lastValue="5702">Story 2</div>
<div class="story" lastValue="5701">Story 1</div>
</div>

Answer 1

you have to select the first child and not the first container

$('.latest>div').first().attr('lastValue')

or

$('.latest').children().first().attr('lastValue')