Collect multiple json objects from data attribute

Question

I have 3 button elements on which I have assigned the same type of JSON objects to a data attribute. I imagined that I would be able to get those objects into an array, but I only get a single object from the first match.

Here is my jQuery:

var configs = $("button[id*='alertbtn']").data('config');

I have verified that my selector

$("button[id*='alertbtn']")

targets the correct three elements.

Is it possible to achive what I want using a single line of code?

T.J. Crowder · Accepted Answer · 2016-11-28 15:17:22Z

1

One line? Yes. One function call? No. :-)

var configs = $("button[id*='alertbtn']").map(function() { return $(this).data('config'); }).get();

More readably:

var configs = $("button[id*='alertbtn']")
                .map(function() { return $(this).data('config'); })
                .get();

That uses map to get the set of config objects, then get to get the jQuery set's contents as an array.

It's one readable line in ES2015 and above:

let configs = Array.from($("button[id*='alertbtn']")).map(e = > $(e).data('config'));

answered Nov 28, 2016 at 15:17

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

Collectives™ on Stack Overflow

Collect multiple json objects from data attribute

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