jQuery .data() replace nested objects' properties

Question

I'm using jQuery's .data() method to store some data using nested objects like this:

$('div.divwithdata').data('somedata', {
    'a': {
        'b': {
            'c' : {}
        }
    }
});

However my question is: Is there a way to replace nested object's property without overwriting the whole object ?

I tought it could be done with .data('somedata.a.b', 'newdata') or .data('somedata[a][b]', 'newdata'), but none of them worked.

Cesar · Accepted Answer · 2011-12-01 13:55:30Z

3

$('div.divwithdata').data('somedata').a = something... or $('div.divwithdata').data('somedata').a.b.c = "test";

This works;

answered Dec 1, 2011 at 13:55

Cesar

3,5192 gold badges32 silver badges43 bronze badges

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

Comments

Frédéric Hamidi · Accepted Answer · 2011-12-01 13:55:46Z

2

Since data() stores references, you can use its getter form and directly update the object it returns:

$("div.divwithdata").data("somedata").a.b = "newdata";

Or, using bracket notation:

$("div.divwithdata").data("somedata")["a"]["b"] = "newdata";

answered Dec 1, 2011 at 13:55

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges