jQuery working with element data attributes

by Ben Clayton

HTML

<div data-conf='{"type":"animate1"}'> </div>
<div data-conf='{"type":"animate2"}'> </div>

<div class='node top s1'> </div>
<div class='node top s2'> </div>
<div class='node top s3'> </div>

JavaScript

class idisplay {
	help() {
  	return "Hello"
  }
}

var obj1 = new idisplay();
$('.node.s1').data('idisplay-object', obj1).addClass('initialised');
var obj2 = new idisplay();
$('.node.s2').data('idisplay-object', obj2).addClass('initialised');
var obj3 = new idisplay();
$('.node.s3').attr('data-idisplay-object', obj3).addClass('initialised');


console.log($("[data-conf]"))

console.log($("[data-idisplay-object]"))

$(".initialised").each(function() {
  console.log($(this).data("idisplay-object"),$(this).data("idisplay-object").help() )
})