JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" cellpadding="4" cellspacing="4">
    <tr class="alt">
        <td class="status" value="One">1</div>
        <td class>Received</div>
    </tr>
    <tr class="alt">
        <td class="status" value="One">1</div>
        <td class>Received</div>
    </tr>
    <tr class="alt">
        <td class="status" value="Zero">0</div>
        <td class>Received</div>
    </tr>
    <tr class="alt">
        <td class="status" value="One">1</div>
        <td class>Received</div>
    </tr>
    <tr class="alt">
        <td class="status" value="Zero">0</div>
        <td class>Received</div>
    </tr>
</table>

JavaScript

$(document).ready(function()
{
$("tr.alt:even").css("background-color", "#f0f8ff");
$("tr.alt:odd").css("background-color", "#fcfceb");
});

$(document).ready(function() {
   $('.status.val():contains("Zero")').closest('tr.alt').css('background-color', '#cd0000');
});