jQuery each not getting to second item in array

Question

I'm not sure why the each iteration is not alerting Table Two value.

$(document).ready(function () {
    Test1([{id:"one",tbl:"Table One"},{id:"two",tbl:"Table Two"}]);
});

function Test1(arrObj) {
                   
    $.each(arrObj,function(idx){
        var thing = $(this);
        alert(thing[idx].tbl); //Not getting to Table Two
    
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Uncaught TypeError: Cannot read property 'tbl' of undefined — isherwood
– isherwood, Commented Mar 10, 2015 at 21:25

Jason Sperske · Accepted Answer · 2015-03-10 21:28:58Z

3

Looking at the documentation for $.each() you can see that a second argument is passed to the callback representing the value of the element. You can use it like this:

$(document).ready(function () {
    Test1([{id:"one",tbl:"Table One"},{id:"two",tbl:"Table Two"}]);
});

function Test1(arrObj) {
                   
    $.each(arrObj, function(idx, thing){
        alert(thing.tbl);
    
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Mar 10, 2015 at 21:28

Jason Sperske

30.5k8 gold badges77 silver badges127 bronze badges

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

Comments

marsh · Accepted Answer · 2015-03-10 21:49:27Z

1

You mustn't wrap this into $(). Because this is already a value of each element of the array arrObj. You can do so, and it will be enough, jsFiddle:

function Test1(arrObj) {

    $.each(arrObj,function(){
        alert(this.tbl);
    });
}

edited Mar 10, 2015 at 21:49

answered Mar 10, 2015 at 21:36

marsh

1,4411 gold badge13 silver badges19 bronze badges

Collectives™ on Stack Overflow

jQuery each not getting to second item in array

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