JavaScript
Article

jQuery Getting Highest id of Elements on Page

By Sam Deering

A jQuery code snippet to get the highest id of a specified group of elements on the page. Useful if you are giving an id to container elements and you need to load in the next element which needs to be higher than any of the current element ids. For example, loading products and storing the id of the products in a container div, then as the user scrolls down the page it can load in more products but grab the highest id to pass to the server side script to return the product data.

jquery-highest-id-of-elements

Example DOM Structure

...
...
...
...

The Code

//filtered by class, but you could loop all elements
var highest = 0, this_id;
$(".item").each( function(i,v)
{
   this_id = parseInt($(this).attr('id'));
   console.log(this_id+">"+highest+"="+(this_id > highest));
   if (this_id > highest)
   {
      highest = this_id;
      console.log('new highest = ' + highest )
   }
});
console.log(highest);

No Reader comments

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.