jQuery Access Object Value

Question

Hi guys can you please show me how to access the content inside the audioCollection object?

I am using the Echonest jQuery plugin with jQuery Templates

https://github.com/Rodeoclash/Echonest-jQuery-Plugin/blob/master/scripts/echonest.js

I went on firebug and typed console.log(audioCollection) and I am getting ReferenceError: audioCollection is not defined. Not sure if I am doing it right.

echonest.artist(artist).audio( function(audioCollection) {

$('#blog-page').find('.post').append( audioCollection.to_html('<p class="song-url" style="display:none;">${url}</p>') ); 
//appends url variable to html inside of audioCollection

var testing = audioCollection;  //returns [Object object]
});

Thank you!

Are you using some plugin? If yes, which one? audio is not a standard jQuery function. You have to provide more information. — Felix Kling
– Felix Kling, Commented Feb 28, 2011 at 21:19
audioCollection only exists in the scope of its enclosing function. That's why you can't get its value from the global scope with Firebug. — Frédéric Hamidi
– Frédéric Hamidi, Commented Feb 28, 2011 at 21:22
Thank you Frederic! Felix I have updated the question with a link to the plugin I'm using. — Ronal
– Ronal, Commented Feb 28, 2011 at 21:24

Dutchie432 · Accepted Answer · 2011-02-28 21:41:11Z

2

I'm Not familiar with the object, but you can try to use my dump() function to see what's in it..

echonest.artist(artist).audio( function(audioCollection) {

    $('#blog-page').find('.post').append( audioCollection.to_html('<p class="song-url" style="display:none;">${url}</p>') ); 
    //appends url variable to html inside of audioCollection

    var testing = audioCollection;  //returns [Object object]
    alert(dump(testing));        
});

function dump(arr,level) {
    var dumped_text = "";
    if(!level) level = 0;

    //The padding given at the beginning of the line.
    var level_padding = "";
    for(var j=0;j<level+1;j++) level_padding += "    ";

    if(typeof(arr) == 'object') { //Array/Hashes/Objects 
        for(var item in arr) {
            var value = arr[item];

            if(typeof(value) == 'object') { //If it is an array,
                dumped_text += level_padding + "'" + item + "' ...\n";
                dumped_text += dump(value,level+1);
            } else {
                dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
            }
        }
    } else { //Stings/Chars/Numbers etc.
        dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
    }
    return dumped_text;
}

UPDATE

to access your values, you can do something like this

var songs = testing.audio;
for (var x=0; x<songs.length; x++){
    alert(songs[x].title);
}

edited Feb 28, 2011 at 21:41

answered Feb 28, 2011 at 21:25

Dutchie432

29.3k20 gold badges94 silver badges110 bronze badges

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

1 Comment

Ronal Over a year ago

Hi it returned this: sharepaste.com/p/iyKbGL I would like to know how to access the values. I would appreciate anything to read on the subject

Community · Accepted Answer · 2017-05-23 11:47:49Z

1

I you only want a raw view of the object, I'd suggest the widely used JSON.stringify():

echonest.artist(artist).audio(function(audioCollection) {
    console.log(JSON.stringify(audioCollection));

    // Appends url variable to html inside of audioCollection.
    $('#blog-page').find('.post').append(audioCollection.to_html(
        '<p class="song-url" style="display:none;">${url}</p>')); 
});

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Feb 28, 2011 at 21:37

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Collectives™ on Stack Overflow

jQuery Access Object Value

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related