jQuery access object attribute by index

Question

I have a JSON response like this:

{"error":true,"variable":{"v_f1_email":["error-mail","mail"]}}

I am trying to access 'error-mail' and 'mail' like this:

var JSD = JSON.parse(data);

if (JSD.error == true) {
    $(JSD.variable).each(function(index, el) {
        var error = el[0];
        var type = el[0];
        console.log(error + type);
    })

Unfortunately the vars error and type are returning undefined. Where am I wrong? Thanks

aren't you supposed to go one level deeper, i.e. first get to v_f1_email...? — benomatis
– benomatis, Commented Oct 17, 2014 at 17:17
If you only have one then var errormsg = JSD.variable.v_f1_email; console.log(errormsg[0],errormsg[1]) — mplungjan
– mplungjan, Commented Oct 17, 2014 at 17:17
You are using the wrong each method. jQuery has two: one is for jQuery objects, the other is for arrays/objects. — gen_Eric
– gen_Eric, Commented Oct 17, 2014 at 17:40

mplungjan · Accepted Answer · 2014-10-17 17:38:13Z

2

I believe you are looking for this:

Note: I renamed the vars in the each to show it is not an indexed array but key/value

// var JSD = JSON.parse(data); // version to use in your page
var JSD = {"error":true,"variable":{"v_f1_email":["error-mail","mail"]}};
if (JSD.error) {
   $.each(JSD.variable,function(fieldName,errorArr) {
     $("#error").append(fieldName+": error:"+errorArr[0]+", type:"+errorArr[1]); 
   });   
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="error"></div>

edited Oct 17, 2014 at 17:38

answered Oct 17, 2014 at 17:26

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

Collectives™ on Stack Overflow

jQuery access object attribute by index

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related