Loop through all elements with class 'blah' and find the highest id value

Question

I have a bunch of elements like:

<div id="car-123" class="blah">..</div>

I want to loop through all of them and get the highest ID i.e. 123

how to do this?

Is below correct and the best way?

$(".blah").each(function() {

   var id = $(this).attr('id').split('-')[0];

   if( id > newid)
      newid = id;

});

Answer 1

I would do:

var max = 0;
$(".blah").each(function(){
    num = parseInt(this.id.split("-")[1],10);
    if(num > max)
    {
       max = num;
    }
});

Most people would do this way.

Answer 2

I'd go for this, using .map, .get and .sort:

$('.blah').map(function(){
    return parseInt(this.id.split('-')[1], 10);
}).get().sort(function(a, b) {
    return b - a;
})[0];

Answer 3

You want to use parseInt so numerical operators apply

var id = parseInt($(this).attr('id').split('-')[1]);