Retreive a HTML elements id using jQuery

Question

Is it possible to obtain the id of an element (div, input etc) using jQuery and how?

Answer 1

See Attributes/attr

Simple example:

alert($('div.someclass').attr('id'));

If there is more than one div with the class someclass (that is to say, the selector returns more than one element), you can get them all by looping through the elements using each, and pushing the ids into an array for example:

var ids = [];
$('div.someclass').each(function() {
     ids.push($(this).attr('id'));
});

Just to go a little further, you can use attribute filters (in this case attributeHas) to pick out only those elements that have ids, e.g.:

var ids = [];
$('div[id]').each(function() {
     ids.push($(this).attr('id'));
});

and finally, instead of using each, you can use map( callback ) which provides a neater way of doing the above:

var ids = $('div[id]').map(function(index, domElement) {
    return $(domElement).attr('id');
}).get();
alert(ids.join(","));

Answer 2

$('elementselector').attr('id');

You would need to pick a proper selector to make sure you select the element of interest.

Answer 3

$(element).attr('id')