Inspect data stored on elements using data() method

Question

Is there any plugin for firebug that lets you inspect data stored on elements using the data() method?

Thanks

The Data stored on elements can be inspected if you navigate to the elements in Firebug — Joberror, Apr 16 '12 at 11:12
@joberror that's not true, in Firebug you just see the html5 data attribute which are used as defaults (if set). — Nicola Peluchetti, Apr 16 '12 at 11:19
@DavidThomas I dont want to use the get part of the data method since i want to debug using firebug directly instead of printing stuff to its console. — Johan, Apr 16 '12 at 11:19
In which case I'd point you to this question: [jQuery loop through `data()` object](http://stackoverflow.com/questions/772608/jquery-loop-through-data-object). — David Thomas, Apr 16 '12 at 11:21
@NicolaPeluchetti: I guess that's true cos currently my code is based on HTML5 — Joberror, Apr 16 '12 at 11:41

score 2 · Accepted Answer · answered Apr 16 '12 at 11:31

2

Found the answer myself: http://firequery.binaryage.com/

answered Apr 16 '12 at 11:31

Johan

35,120
54
178
293

score 0 · Answer 2 · answered Apr 16 '12 at 11:18

0

.data() stores the data in an internal cache so there is no easy way to know what is attached to each element. The html5 data attributes, if set, are used for initial values of .data()

answered Apr 16 '12 at 11:18

Nicola Peluchetti

76,206
31
145
192

score 0 · Answer 3 · answered Apr 26 '15 at 15:29

If you don't feel like installing a plugin, you can use the regular Firebug debugger. Simply copy the data object into a local variable first.

var myDataAll = $("#myElement").data();
// Stop at the next line in the debugger and examine myDataAll.

or

var myDataSpecific = $("#myElement").data("myKey");
// Stop at the next line in the debugger and examine myDataSpecific.

Inspect data stored on elements using data() method

3 Answers3