Get output json in $.each

Question

My json data is this:

{
   "guide":0,
   "reunits":[
      {
         "residence":[
            {
               "name_re":"THE PORT",
               "id":"88aa355ca54853640929c25c33613528"
            }
         ]
      },
      {
         "residence":[
            {
               "name_re":"KECIK",
               "id":"2843543fa45857d92df3de222938e84a"
            }
         ]
      },
      {
         "residence":[
            {
               "name_re":"GREEN ANKA",
               "id":"fe585cc4b4dfff1325373728929e8af9"
            }
         ]
      }
   ]
}

How can done alert, value name_re or id in json data above by each in jquery?

My try:

$.each(data.reunits, function (index, value) {
    alert(value.residence.name_re); // this don't output.
})

I tried it, but i get just one data(THE PORT) no all three. — Kate Wintz
– Kate Wintz, Commented Dec 23, 2011 at 20:31
you still need the $.each for it to iterate through, I just fixed the statement with the bug — Kris Ivanov
– Kris Ivanov, Commented Dec 23, 2011 at 20:33

kapa · Accepted Answer · 2011-12-23 20:35:12Z

3

residence is an array ([]), which has only one element, an object that has a name_re attribute.

alert(value.residence[0].name_re);

jsFiddle Demo

edited Dec 23, 2011 at 20:35

answered Dec 23, 2011 at 20:29

kapa

78.9k21 gold badges166 silver badges178 bronze badges

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

1 Comment

kapa Over a year ago

Works fine for me. See jsFiddle (edited it into my answer). Please check for differences between that and your code/JSON.

Ry- · Accepted Answer · 2011-12-23 20:30:20Z

2

It's because they're within arrays. You need to access index 0 for each of them:

$.each(data.reunits, function(index, value) {
    alert(value.residence[0].name_re);
});

answered Dec 23, 2011 at 20:30

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

2 Comments

Ry- Over a year ago

@KateWintz: That's strange. Can you make a jsFiddle and post it?

kapa Over a year ago

@minitech Revenge downvoting? I'd also be interested why the downvote.

kvc · Accepted Answer · 2011-12-23 20:41:51Z

residence is an array ,so you have to do the following js fiddle

    $(document).ready(function() {
        var data = {
            "guide": 0,
            "reunits": [
                {
                "residence": [
                    {
                    "name_re": "THE PORT",
                    "id": "88aa355ca54853640929c25c33613528"}
                ]},
            {
                "residence": [
                    {
                    "name_re": "KECIK",
                    "id": "2843543fa45857d92df3de222938e84a"}
                ]},
            {
                "residence": [
                    {
                    "name_re": "GREEN ANKA",
                    "id": "fe585cc4b4dfff1325373728929e8af9"}
                ]}
            ]
        };
        $.each(data.reunits, function() {
            $.each(this.residence, function() {
                alert(this.name_re);
                alert(this.id);
            });
        });
    });

@minitech i have formatted it,this inside the $.each ,will give you the current item,check the js fiddle link :)

gen_Eric · Accepted Answer · 2011-12-23 20:31:26Z

0

value.residence is an array. It should be value.residence[0].name_re.

$.each(data.reunits, function (index, value) {
    alert(value.residence[0].name_re);
})

answered Dec 23, 2011 at 20:31

gen_Eric

228k42 gold badges303 silver badges343 bronze badges

1 Comment

gen_Eric Over a year ago

@KateWintz: Then something else is wrong, as it works for me. jsfiddle.net/dNBVb

Fatih Acet · Accepted Answer · 2011-12-23 20:38:51Z

0

var data = JSON;
var reunits = data.reunits;
for (var i = 0, len = reunits.length; i < len; i++) {
    alert(reunits[i].residence[0].name_re);
}

edited Dec 23, 2011 at 20:38

answered Dec 23, 2011 at 20:30

Fatih Acet

29.7k9 gold badges55 silver badges58 bronze badges

1 Comment

Fatih Acet Over a year ago

Hmm nice catch, fixed the problem.

Collectives™ on Stack Overflow

Get output json in $.each

5 Answers 5

1 Comment

2 Comments

1 Comment

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

2 Comments

1 Comment

1 Comment

1 Comment

Related