JSFiddle - React, Tailwind, and code Playground

by Ben Alman

HTML

<div data-foo="123" data-bar='{"a":"456"}'></div>

JavaScript

var div = $('div');
div.data( 'baz', 789 );

console.log( div.data( 'foo' ) );   // 123
console.log( div.data( 'bar' ).a ); // "456"
console.log( div.data( 'baz' ) );   // 789

div.removeData( 'foo' );
div.removeData( 'bar' );
div.removeData( 'baz' );

console.log( div.data( 'foo' ) );   // 123
console.log( div.data( 'bar' ).a ); // "456"
console.log( div.data( 'baz' ) );   // undefined