JSFiddle - React, Tailwind, and code Playground

by chriscoyier

HTML

<embed></embed>
<object></object>
<br>

CSS

embed { background: red; }

object { background: green; }

embed, object {
    height: 50px;
}

JavaScript

var embed  = $("embed"),
    object = $("object"),
    body   = $("body");

embed.data("key", "value");
if (embed.data("key")) {
      body.append("Embed jQuery Data Worked!<br>");
} else {
      body.append("Embed jQuery Data FAIL =(<br>"); 
}

object.data("key", "value");
if (embed.data("key")) {
      body.append("Object jQuery Data Worked!<br>");
} else {
      body.append("Object jQuery Data FAIL =(<br>");   
}

embed.attr("data-key", "value");
if (embed.attr("data-key")) {
      body.append("Embed HTML5 Data Worked!<br>");
} else {
      body.append("Embed HTML5 Data FAIL =(<br>"); 
}

object.attr("data-key", "value");
if (object.attr("data-key")) {
      body.append("Object HTML5 Data Worked!<br>");
} else {
      body.append("Object HTML5 Data FAIL =(<br>"); 
}