jQuery - get multiple values from the DOM and store in array

Question

I have a list of n number of items that can be displayed. Class historyList is for styling, class projYear is only used to get the value.

<tr class="uniqueProject">
  <td class="historyList projYear" style="width: 4em;">2011</td>
</tr>

Within in this list I can have x number of years. Each new year would repeat the code above. Currently I have 2011, 2012, 2013, 2014, 2015, 2016. This list will grow over time.

To grab the values within projYear, I have used $('.projYear').html(). Unfortunately, this only returns the first on the list of 2011

Question: How can I use jQuery to place each of the years into an array? (i.e. [2011, 2012, 2013, 2014, etc])

tymeJV · Accepted Answer · 2014-12-29 20:07:17Z

3

Easy with .map

var years = $('.projYear').map(function() {
    return $(this).text();
}).get();

answered Dec 29, 2014 at 20:07

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery - get multiple values from the DOM and store in array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related