JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
<table>
    <tr>
        <td>Name</td>
        <td>Gender</td>
        <td>Location</td>
    </tr>
    <tr>
        <td>John</td>
        <td>Male</td>
        <td>Ohio</td>
    </tr>
    <tr>
        <td>Mary</td>
        <td>Female</td>
        <td>Albany</td>
    </tr>
</table>
</div>

<br />
<input type="button" id="btn1" value="Click Me" />

CSS

table, tr, td
{
    border:1px solid #999;
    padding:8px;
    border-collapse: collapse;
    background-color: #FFF;
}

/*comment this line out and it works*/
#div1 table, #div1 td { border-color:White;}

.colorborder{border:1px solid Red}

JavaScript

$('#btn1').click(function() { 
    $('#div1').find('td').addClass('colorborder');
});