JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div data-hello="Bob">Bob</div>
<div data-hello="Tim">Tim</div>
<div data-hello="">*empty*</div>

JavaScript

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

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

    // If obj doesn't have data "hello"    
    if ( !objD.hello ) {
        obj.css({ background: 'red' });
    }
    // If obj does have data "hello"
    else if ( objD.hello ) {
        obj.css({ background: 'green' });
    }

    // If obj data "hello" is "Tim"
    if ( objD.hello === 'Tim' ) {
        obj.css({ color: 'white' });
    }
    else if ( objD.hello !== 'Tim' ) {
        obj.html( obj.html() + ' - ' + "This is not Timmy :'(" );
    }
    
});