Arrow function within jQuery map

Viewed 972

I'm trying to use an arrow function within jQuery's map function. With the following titlesText is the correct length but each string is empty:

let titles = $(panelBody).find('h4');
let titlesText = $(titles).map(title => $(title).text());

My ES6 transpiling is working, and jQuery is working. Any ideas?

1 Answers

http://api.jquery.com/map/

The first argument to jQuery map is the index.

let testTitlesText = $(testTitles).map((index, testTitle) => $(testTitle).text());

Also as just a side note, you could use testTitle.innerText in the map to avoid creating a new jQuery object for each map invocation.

//testTitles is already a jQuery object, and you can use innerText
let testTitlesText = testTitles.map((index, testTitle) => testTitle.innerText);
Related