Get value from JSON Array

Question

My JSON currently looks like this:

 {
  "overview" : {
    "title" : "Blog"
  },

  "item" : {
    "title" : "Hello World"
  }

 }

My jQuery looks like this:

<script type="text/javascript">

$(document).ready(function(){

      $.getJSON(url, function(obj) {

        $.each(obj, function(key, value){

          $('.image-slide-title').append(value.title);

        });

      });

});

</script>

All works perfectly fine except the HTML markup is showing:

<div class="image-slide-title">Blog Hello World</div>

I just want it to skip the overview key/value and just go right to the item key/value so at the end of the day it looks like:

 <div class="image-slide-title">Hello World</div>

Darin Dimitrov · Accepted Answer · 2013-07-16 07:00:30Z

3

You could then loop through the obj.item properties:

for (var prop in obj.item) {
   var value = obj.item[prop];
   $('.image-slide-title').append(value);
}

answered Jul 16, 2013 at 7:00

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

2 Comments

CodingIntrigue Over a year ago

You forgot to append .title onto the value

Darin Dimitrov Over a year ago

No, I didn't. It's not necessary. If you append that you no longer need to be looping through the properties because you are hardcoding the name of the property.

Collectives™ on Stack Overflow

Get value from JSON Array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related