JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing=0 cellpadding=0>
    <tbody>
        <tr><td></td><td></td><td></td><td></td></tr>
        <tr><td></td><td></td><td></td><td></td></tr>
        <tr><td></td><td></td><td></td><td></td></tr>
        <tr><td></td><td></td><td></td><td></td></tr>
    </tbody>
</table>

CSS

table { border: 1px black solid; width:200px; height:200px; }
td { width:50px; height:50px; background-color:black; }

JavaScript

$("tr:odd > td:even, tr:even td:odd").css({"background-color":"white"});