JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div id="div1" class="ofint class1 class2 class3 class4"></div>
<div id="div2" class="ofint classA classB classC"></div>
<div id="div3" class="ofint classX classY"></div>

JavaScript

var myarr = [];
$(".ofint").each(function(){
    myarr.push({ id: this.id, classes: this.className.split(" ") });
});

$.each(myarr, function() {
    $(document.body).append("ID:<b>"+this.id+"</b> - " + this.classes.join(', ') + "<br />");
});