JSFiddle - React, Tailwind, and code Playground

by Diego Vieira

HTML

<table>
    <tr>
        <td data-tipo="vermelho">Pinta</td>
        <td>Não pinta</td>
        <td>Não pinta</td>
    </tr>
    <tr>
        <td data-tipo="vermelho">Pinta</td>
        <td data-tipo="vermelho">Pinta</td>
        <td>Não pinta</td>
    </tr>
    <tr>
        <td>Não Pinta</td>
        <td>Não pinta</td><td data-tipo="vermelho">Pinta</td>
        <td>Não pinta</td>
    </tr>
    <tr>
        <td data-tipo="vermelho">Pinta</td>
        <td>Não pinta</td>
        <td data-tipo="vermelho">Pinta</td>
    </tr>
    <tr>
        <td data-tipo="vermelho">Pinta</td>
        <td data-tipo="vermelho">Pinta</td>
        <td data-tipo="vermelho">Pinta</td>
    </tr>
</table>

JavaScript

$(function(){
    $('td[data-tipo').each(function(){
        if($(this).data('tipo') == 'vermelho')
            $(this).css('background', '#f20000');            
    });
});