JSFiddle - React, Tailwind, and code Playground

by rafasirotheau

HTML

<table cellspacing="0">
    <tr>
        <td class="user">Fulano</td>
        <td class="operacao">Crédito</td>
        <td class="valor">R$ 23</td>
    </tr>
    <tr>
        <td class="user">Fulano</td>
        <td class="operacao">Débito</td>
        <td class="valor">R$ 42</td>
    </tr>
    <tr>
        <td class="user">Fulano</td>
        <td class="operacao">Débito</td>
        <td class="valor">R$ 14</td>
    </tr>
    <tr>
        <td class="user">Fulano</td>
        <td class="operacao">Crédito</td>
        <td class="valor">R$ 65</td>
    </tr>
</table>

SCSS

table {
    td {
        border: solid 1px black;
        padding: 2px 5px;
    }
}

JavaScript

$("table tr").each(function() {
    var $ROW = $(this);
    
    if ($ROW.find('.operacao:contains("Crédito")').css('color', '#0000FF').length) {
        console.log('find')
        $ROW.find('.valor').css('color', '#0000FF');
    } else {
        console.log('not find')
        $ROW.find('.valor').css('color', '#000000');
    }
});