What is wrong in that javascript/jquery array iteration

Question

I trying declare an array, push colection of arrays and iterate colection

My JS:

var colection = [];
var array = ["a1", "a2"];
colection.push(array);
array = ["b1", "b2"];
colection.push(array);

$.each(colection, function(array){
    var p = "<p>1:"+array[0] +
        "<br>2:"+array[1]+"</p>";

    $("#test").append(p);
});

my html:

<div id="test">
</div>

I want that result:

1:a1
2:a2

1:b1
2:b2

but return only:

1:undefined
2:undefined

1:undefined
2:undefined

Ovidiu Iacomi · Accepted Answer · 2014-03-12 15:20:32Z

4

The first argument of the function in the each syntax is actually the index of the item so change the script to look like:

var colection = [];
var array = ["a1", "a2"];
colection.push(array);
array = ["b1", "b2"];
colection.push(array);

$.each(colection, function(index, array){
    var p = "<p>1:"+array[0] +
        "<br>2:"+array[1]+"</p>";

    $("#test").append(p);
});

JsFiddle: http://jsfiddle.net/9KVnM/

Edit: Ref: api.jquery.com/jquery.each

Thx Kevin

answered Mar 12, 2014 at 15:20

Ovidiu Iacomi

7768 silver badges12 bronze badges

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

Comments

Hüseyin BABAL · Accepted Answer · 2014-03-12 15:26:20Z

0

You canned to use key value pair in iteration like;

$.each(collection, function(i, array){
    var p = "<p>1:"+array[0] +
        "<br>2:"+array[1]+"</p>";

    $("#test").append(p);
});

Here is demo: http://jsfiddle.net/cubuzoa/JJ9UA/2/

answered Mar 12, 2014 at 15:26

Hüseyin BABAL

15.6k5 gold badges53 silver badges74 bronze badges

Collectives™ on Stack Overflow

What is wrong in that javascript/jquery array iteration

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