convert attribute values into an object (jquery or javascript)

Question

I have such attribute in my element:

data-variations="{"2005":"11.99","2006":"15.99","2007":"19.99"}"

Is there any way to convert it into an object, which can look like:

obj = {2005:11.99, 2006:15.99, 2007:19.99}

I've tried first to get this attribute as string and split it with "," for further manipulations, but realized that there must be better and cleaner solution

The data method automatically parses attribute values that contain JSON. The only thing you'd have to do is iterate over the object and convert the values to numbers (or of course simply store them as numbers in the first place). — Felix Kling
– Felix Kling, Commented Sep 25, 2015 at 16:13

gen_Eric · Accepted Answer · 2015-09-25 16:13:10Z

3

This is a JSON string. You can use JSON.parse() to parse it as an object.

Actually, since you are using jQuery, it will do that for you if you use .data().

var obj = $(element).data('variations')

answered Sep 25, 2015 at 16:13

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

Comments

Pankaj Saboo · Accepted Answer · 2017-12-28 13:30:21Z

-1

Try this:

var text = "{"2005":"11.99","2006":"15.99","2007":"19.99"}";

obj = JSON.parse(text);

$.each(obj, function(k, v) {

//use k as key and v as value

});

edited Dec 28, 2017 at 13:30

answered Sep 25, 2015 at 16:21

Pankaj Saboo

1,1951 gold badge8 silver badges28 bronze badges

Collectives™ on Stack Overflow

convert attribute values into an object (jquery or javascript)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related