JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td class="tdStyle">info1</td><td class="tdStyle">yes</td><td class="tdStyle">no</td><td class="tdStyle">yes</td></tr>
    
    <tr><td class="tdStyle">info2</td><td class="tdStyle">yes</td><td class="tdStyle">no</td><td class="tdStyle">no</td></tr>
    
    <tr><td class="tdStyle">info3</td><td class="tdStyle">yes</td><td class="tdStyle">no</td><td class="tdStyle">yes</td></tr>
    <tr><td class="tdStyle">info4</td><td class="tdStyle">yes</td><td class="tdStyle">yes</td><td class="tdStyle">no</td></tr>
</table>

JavaScript

/*$('table td:odd').css({
    "background-color":"lightgreen",
    "border":"1px solid grey",
    "color":"lightgreen"
});
$('table td:odd').html('&nbsp;');
$('table td:even').css({
    "background-color":"lightcoral",
    "border":"1px solid grey",
    "color":"lightcoral"
});
$('table td:even').html('&nbsp;');*/

$('table td.tdStyle.tdStyle:contains("yes")').css({
    "background-color":"lightgreen",
    "border":"1px solid grey",
    "color":"lightgreen"
});
$('table td.tdStyle:contains("yes")').html('&nbsp;');

$('table td.tdStyle:contains("no")').css({
    "background-color":"lightcoral",
    "border":"1px solid grey",
    "color":"lightcoral"
});
$('table td.tdStyle:contains("no")').html('&nbsp;');