View all data attached to an element using jQuery's .data()?

Question

If I've attached a number of key-value pairs to a DOM element using .data(), is there any way to iterate them so I can log them in the console? Alternately, is there a way to view this data with a development tool like FireBug? This would be really helpful when debugging a script.

Answer 1

You can call .data() without any parameters, like this:

console.log($("selector").data());

It'll be logged as an object in the console easy to navigate.