View HTML5 Data Attributes in console.log

by J. Albert Bowden

HTML

<div class="widget" data-booleanv=true data-stringbooleanv="true" data-numberbooleanv=1 data-intv="365" data-intv=365 data-stringintv="365" data-floatv=365.59 data-stringfloatv="365.59">
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
</div>

JavaScript

var customData = $('.widget').data();

console.dir(customData);

$.each(customData, function(i, v) 
{
    console.log(i + ' = ' + v + ' (' + typeof(v) + ')'); // name = value (type)
});