Looping through multidimensional array with jQuery

Question

So as the example below show I want to loop through an array inside an jQuery plugin that I'm trying to build. It's not working so can somebody help me with this.

$.each(defaults.garage, function(i, value){ $.each(value.cars, function(i2, value2){ alert(value2.model); }); }); $.fn[pluginName].defaults = { garage:[ { name: '', country:'', cars:[ { model: '', year:'' }, { model: '', year:'' } ], hook: function(){} } ], garage:[ { name: '', country:'', cars:[ { model: '', year:'' }, { model: '', year:'' } ], hook: function(){} } ] };

Community · Accepted Answer · 2017-05-23 12:14:21Z

It looks like your problem is due to the object keys not being unique.

Do JSON keys need to be unique?

You can use this:

$.each(garages, function(i,v){ $.each(garages[i].cars, function(i2, v2){ alert(garages[i].cars[i2].model); }) }) garages = [ { name: '', country: '', cars:[ { model: 'BMW', year: '' } ], hook: function(){} } { name: '', country: '', cars:[ { model: 'Honda', year: '' } ], hook: function(){} } ]

here is a fiddle

Collectives™ on Stack Overflow

Looping through multidimensional array with jQuery

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related