JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div class="myClass">Test-1</div>
<div class="anotherclass">Test-2</div>
<div>Test-3</div>
<div data-stuff="Yayyy">Test-4</div>
<div>Test-5</div>
<div>Test-6</div>
<div id="hah">Test-7</div>
<a href="http://www.google.com">Test-8</a>
<a href="#" title="my title">Test-9</a>

CSS

.target {
    color: red;    
}

JavaScript

$(function() {

    $('div, a').each(function() {
    
        var obj = $(this),
            objData = obj.data(),
            objClass = obj.attr('class'),
            objID = obj.attr('id'),
            objHref = obj.attr('href'),
            objTitle = obj.attr('title');
        
        console.log( objData )
        
        if ( objTitle === "my title" ) {
        
            obj.addClass('target');
            
        }

    
    });

});