JSFiddle - React, Tailwind, and code Playground

by Ben Alman

JavaScript

var div = $("<div data-foo='1'></div>");

// Log value in jQuery's data cache (parsed from attr)
console.log(div.data("foo")); // logs 1
// Log value of attr.
console.log(div.attr("data-foo")); // logs 1

// Change value in jQuery's data cache (not attr)
div.data("foo", 2);

// Log value in jQuery's data cache
console.log(div.data("foo")); // logs 2
// Log value of attr.
console.log(div.attr("data-foo")); // logs 1


// Remove value from jQuery's data cache
div.removeData("foo");

// Log value in jQuery's data cache
console.log(div.data("foo")); // logs 2
// Log value of attr.
console.log(div.attr("data-foo")); // logs 1