JSFiddle - React, Tailwind, and code Playground

by TheJoeFletch

JavaScript

var divBefore = $("<div>").addClass("before").css({
    "background-color": "red",
    "height": "25px"
});

var divAfter = $("<div>").addClass("after").css({
    "background-color": "blue",
    "height": "25px"
});

var data = {
    one: 1,
    two: 2,
    three: 3
};

$.data(divBefore, "d", {one: 1, two: 2, three: 3 });

$("body").append(
    divBefore,
    divAfter
);

$.data(divAfter, "d", {four: 4, five: 5, six: 6 });

var domBefore = $("body").find("div.before");
var domAfter = $("body").find("div.after");

console.log(domBefore);
console.log(domAfter);
console.log($.data(domBefore, "d"));
console.log($.data(domAfter, "d"));
//console.log($.data(domBefore, "d").one);//does not work
//console.log($.data(domAfter, "d").four);//does not work
console.log($.data(domBefore));
console.log($.data(domAfter));


domAfter.data("d", {four: 4, five: 5, six: 6 });
console.log(domAfter.data("d"));