JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id='sample'>
    <tr>
    <td data-content="1">1</td>
    <td data-content="2">2</td>
    </tr>
    <tr>
    <td data-content="3">3</td>
    <td class="3">3</td>
    </tr>
    <tr>
    <td class="4">4</td>
    <td class="2">2</td>
    </tr>
</table>

CSS

.highlight1 {background-color:#9ac99d ; color:black}  
.highlight2 {background-color:#EC7063 ; color:black}

JavaScript

$("[data-content=2]").addClass('highlight1');
$("[data-content=3]").addClass('highlight2');