JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div data-group="1"> </div>
<div data-group="2"> </div>
<div data-group="2"> </div>
<div data-group="1"> </div>

CSS

div {
    margin: 10px;
    padding: 24px;
    float: left;
    border: 1px solid #e1e1e1;
}


.one { border: 2px solid red; }

.two { border: 2px solid green; }

JavaScript

$('div').each(function() {

    var obj = $(this),
        objD = $(this).data();

    
    if ( objD.group == '1' ) {
        obj.addClass('one')
    }
    else if ( objD.group == '2' ) {
        obj.addClass('two')
    }

});