jQuery.data() problem with arrays

Question

for( var i = 0; i <= 5; i++ ){
    $('#item').data('level1', { 'level21': {i:'hello'}, 'level22': {i:'world'} } );
}

The keys for level21 and level22 is the string "i" and not a number 0-5 from the var i. level21 should be six times "hello" and level22 six times "world".

How can I fix that?

Thanks & regards,

Alex

mu is too short · Accepted Answer · 2011-06-18 19:40:56Z

3

You have to build your .data value the hard way, you'll also need to build the data in the loop and set it afterwards:

data = { level21: { }, level22: { } };
for( var i = 0; i <= 5; i++ ){
    data.level21[i] = 'hello';
    data.level22[i] = 'world';
}
$('#item').data('level1', data);

You have to use the [] form of object access to get i evaluated. You also need to build the data first to avoid overwriting the 'level1' every time through the loop.

Also, if you're only using contiguous integers starting at zero inside data.level21 and data.level22, then simple arrays might be a better choice than objects:

// Note the "{}" -> "[]" change in here
data = { level21: [ ], level22: [ ] };
// The syntax is the same for the rest

edited Jun 18, 2011 at 19:40

answered Jun 18, 2011 at 19:13

mu is too short

436k71 gold badges863 silver badges822 bronze badges

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

1 Comment

mu is too short Over a year ago

@Alex: If you're only using numbers inside data.level21 and data.level22, then arrays (data = { level21: [ ], level22: [ ] };) might be a better choice.

Collectives™ on Stack Overflow

jQuery.data() problem with arrays

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