Get attribute value of each element from jQuery set to array

Question

How can I get all the attributes (e.g. href ) of all elements matching the jQuery selector?

Answer 1

Is something like this possible?

 var ids = []; $('.myClass').each(function () { ids.push($(this).attr('id')); // ids.push(this.id) would work as well. }); 

Answer 2

Something like

 var idArray = $(".someClass").map(function(){ return this.id }).get().join(','); 

Working demo

Answer 3

A simpler solution with Underscore.js

For example: Get the text of all links who have someClass

 _.pluck($('.someClass').find('a'), 'text'); 

Working violin

Answer 4

Single-line with ES6 arrow functions using jQuery .map () :

 const ids = $('a.someClass').map((i, el) => el.getAttribute('href')).get(); console.log(ids); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="test1" class="someClass">t1</a> <a href="test2" class="someClass">t2</a> <a href="test3" class="someClass">t3</a>