JQuery получить первый и последний идентификатор из нескольких классов вар

Question

Допустим, это классовые дивы:

<div class="test" id="3">bla</div> 
<div class="test" id="4">bla</div> 
<div class="test" id="5">bla</div> 
<div class="test" id="6">bla</div> 

Как я могу получить первый идентификатор (3) и последний (6) к вары?

var firstid = 
var lastid = 

Answer 1

Вы можете использовать :first и :last селекторов, например:

var firstid = $(".test:first").attr("id"); 
var lastid = $(".test:last").attr("id"); 

Если вы хотите, чтобы получить номер, вместо строки, выполните следующие действия:

var firstid = parseInt($(".test:first").attr("id")); 
var lastid = parseInt($(".test:last").attr("id")); 

Answer 2

var firstid = $('.test:first-of-type').attr('id'); 
var lastid = $('.test:last-of-type').attr('id'); 

или

var firstid = $('.test').eq(0).attr('id'); 
var lastid = $('.test').eq(3).attr('id'); 

или

var firstid = $('.test').first().attr('id'); 
var lastid = $('.test').last().attr('id');