JSFiddle - React, Tailwind, and code Playground

by RichardAD

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td id="five">5</td>
        <td>6</td>
    </tr>
    <tr>
        <td id="seven">7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>

CSS

td { border: 1px solid black;padding:0.5em }

#five,.editable { background:blue; color:white }

JavaScript

$(document).ready(function(){

// add a class to a td and css kicks in automatically
$('#seven').addClass('editable');
                  
})