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="2">2</td>
    <td class="3">3</td>
    </tr>
    <tr>
    <td data-content=""></td>
    <td class="2">2</td>
    </tr>
</table>

CSS

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

td[data-content="2"]{
  background-color: #B2BABB;
}

JavaScript

$('.2').addClass('highlight1');
$('.3').css('background-color', 'red');
 
 $("[data-content='']").css('background-color', 'yellow');