jQuery Get Attribute Values in Array

Question

I'm missing something simple here, I need to collect all the data-event attrs in a string array, is there a wrapper issue for elements or something I need to be aware of? this is not working:

var dataEvents = $('li').map(function(el) {
     return $(el).attr('data-event');
});

console.log('DataEvents: ' + dataEvents[0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li data-event="abc">TEST 1</li>
<li data-event="def">TEST 2</li>
<li data-event="ghi">TEST 3</li>

void · Accepted Answer · 2018-02-22 16:29:55Z

1

For this use jQuery.map()

var dataEvents = $.map($("li"), function(el) {
     return $(el).attr('data-event');
});

console.log(dataEvents);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li data-event="abc">TEST 1</li>
<li data-event="def">TEST 2</li>
<li data-event="ghi">TEST 3</li>

answered Feb 22, 2018 at 16:29

void

36.7k10 gold badges71 silver badges111 bronze badges

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

1 Comment

gene b. Over a year ago

Your difference is you used $.map whereas I used array.map(..).

Collectives™ on Stack Overflow

jQuery Get Attribute Values in Array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related