Jquery – Getting ID of all elements of a certain class into an array

jquery

Here's what I'm trying to do:

Currently I am using this to create an array of all elements matching the class name of .cookie. Right now I am getting the text value of that element, which is not what I need:

var getAllCookies = $('.cookie').text();
var cookiesArray = jQuery.makeArray(getAllCookies);
alert(cookiesArray[0]);

What I need is to find all elements of a certain class (.cookie), get that element's ID value and store that ID value inside of array.

Best Answer

I think this should do what you're after:

var ids = $('.cookie').map(function(index) {
    // this callback function will be called once for each matching element
    return this.id; 
});

Documentation for map.

Here's a working jsFiddle demo.