JSON and JS Object Action

by nickadeemus2002

HTML

<div id="result"></div>
<div id="images"></div>

JavaScript

var jsonData =   {"success":true,
                  "data":[{"id":8,"name":"carrot"}],
                  "count":1};
var sourceVar = $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
    function(data){
        //start object looping
        for(var prop in data) {
            //only get current object property            
            if(data.hasOwnProperty(prop)){
                if(typeof data[prop] !== 'object'){
        $('<p>property is: '+ prop+' with value ='+data[prop]+'</p><br />').appendTo('#result');
                }else{
                    for(var innerObj in data[prop]){
      $('<p>property is: '+ innerObj +' with value ='+data[prop][innerObj]+'</p><br />').appendTo('#result');
                    }
              }    
            }//end this object property
        }//end object looping
                 
                 
          $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 3 ) return false;
          });            
    });