Display object contents - JS / jQuery

Question

When $(this).data("events"); [object Object] returns, I need to see what is really going on there. I found this:

 var Finder = ""; $.each($(this).data("events"), function(i, n){ Finder += "Name: " + i + ", Value: " + n + " | "; }); 

However, n still returns [object Object] :

EDIT: (Exit) -

 Name: click, Value: [object Object] | 

-

Is there an efficient way to show everything inside this sucker, sort of like print_r in PHP?

Answer 1

console.log($(this).data("events")) in Chrome (or other browsers) will allow you to drill an object.

Ctrl + Shift + J will bring you to the console in Chrome.

Answer 2

You can use .toSource() to turn JavaScript objects into a string representation that can be viewed without a good error console, such as Firebug or Chrome Dev. Tools:

 alert($(this).data("events").toSource()); 

Answer 3

If you cannot use console.log , then you can also use alert( $(this).data("events").toSource() ) .

Answer 4

Print the contents of an object that you can use

 console.log(obj_str); 

You can see the result in the console as below.

 Object {description: "test"} 

For an open console, press F12 in the Chrome browser, you will find the console tab in debug mode.