You could also use jQuery data() like this.. if ($(elem).data(‘draggable’)) { alert(“yes”); } else { alert(“no”); } if ($(elem).data(‘fooable’)) { alert(“yes”); } else { alert(“no”); } See it here: http://bootply.com/60153
Internally, jQuery creates an empty object called $.cache, which is used to store the values you set via the data method. Each DOM element you add data to, is assigned a unique ID which is used as a key in the $.cache object.
Those values are simply strings to vanilla javascript; it’s not attempting any conversion on its own. console.table( […document.querySelectorAll(“a”)] .map(({dataset:{value}}) => ({ type: typeof value, value })) ); <a data-value=”2.0″>2.0</a> <script src=”https://gh-canon.github.io/stack-snippet-console/console.min.js”></script><script>console.config({maximize:true,timeStamps:false})</script><style>.as-console-wrapper{display:block;}</style> <a data-value=”2.5″>2.5</a> jQuery, on the other hand, tries to determine and convert to the appropriate type when accessing data attributes via data(). It’s (arguably) … Read more
HTML5 allows us to create our own custom attributes to store data. Custom attributes can be called anything we like, like variable names, but they need to be prepended with the word ‘data’, and words are separated by dashes. You could add “foo”, “bar”, and “foo bar” data attributes to an input like this: <input … Read more