JQuery, get the id of each element in a class using .each?

Question

I try to get the id each element in class , but instead it warns each class name separately, so for class="test" it warns: t , e , s , t ... Any advice on how to get each id element is welcome , which is part of the class , as I cannot understand this. Thank.

 $.each('test', function() { alert(this) }); 

Answer 1

Try this by replacing .myClassName with the actual class name (but keep the period at the beginning).

 $('.myClassName').each(function() { alert( this.id ); }); 

So, if the class is "test", you would do $('.test').each(func...

This is a concrete view of .each() that .each() over a jQuery object.

The form you used is iterating over any type of collection. So you essentially repeated the array of characters t,e,s,t .

Using this form of $.each() , you need to do it like this:

 $.each($('.myClassName'), function() { alert( this.id ); }); 

... which will have the same result as the example above.

Answer 2

Answer to

patrick dw is right.

For kicks and giggles, I thought I'd post a simple way to return an array of all identifiers.

 var arrayOfIds = $.map($(".myClassName"), function(n, i){ return n.id; }); alert(arrayOfIds);