jQuery get all ids on page

Question

Is it possible to get an array consisting of all id\'s on a page with jQuery?

Answer 1

I think this would work

var array = [];
$("*").each(function(){
    if(this.id) array.push(this.id);
});

Answer 2

You could do this:

var ids = new Array();
$('[id]').each(function() { //Get elements that have an id=
  ids.push($(this).attr("id")); //add id to array
});
//do something with ids array

One note I saw testing this, the FireBug console counts as one, if that's enabled just be aware.

Answer 3

var ids = $('*[id]').map(function() {
    return this.id;
}).get();

The .map() method is particularly useful for getting or setting the value of a collection of elements.

http://api.jquery.com/map/