I am adding an id to an element via call to jQuery.data:
$layout.nextAll('.imagepicker').data('imgPickerId', randomnumber);
So my element of a class imagepicker will have [imgPickerId=randomnumbervalue] data attribute added to it.
It seems like there is a problem how I later on look for .imagepicker with exactly this imgPickerId. Where can I lookup which attributes are added to a particular element in a convenient way (excep from js code)? Maybe in firebug somewhere?
P.S. for some reason my “getter code” works in jQuery 1.6 but does not in 1.7. Still I am suspecting data isn’t being added to an element and need a way to check it.
jQuery’s
datafunction stores everything in JavaScript, without altering the DOM in any way. I’m afraid you’ll have to use code to access it.A quick Google search also showed me a FireQuery plugin for Firebug, which seems to enable you to see the attached data of your elements. Haven’t tried it myself, though, so I can’t confirm that.
Update: Tested it, and it works fine! With FireQuery all data of your elements are visible right next to the HTML: