JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<div id='calendar'>
    <div id="0">
        <div class="title" data-mage-init="01"></div>
        <div class="start" data-mage-init="02"></div>
        <div class="end" data-mage-init="03"></div>
    </div>
	<div id="1">
        <div class="title" data-mage-init="11"></div>
        <div class="start" data-mage-init="12"></div>
        <div class="end" data-mage-init="13"></div>
    </div>
</div>

CSS

body{
	background-color:grey;
}

JavaScript

var dataMage = [], dataMageObj = {};
$('#calendar').children().each(function ( i, e ) { 
	dataMageObj[e.id] = [];
	$( this ).children('[data-mage-init]').each(function (ii, ee) {
		dataMageObj[e.id].push($(ee).data('mageInit'));
	});
});
console.log(dataMageObj)