JSFiddle - React, Tailwind, and code Playground

HTML

<table id="test" border="1">
<tr>
<!-- Group 1 -->
    <td>Group 1</td>
    <td>:</td>
    <td>- Group 1 Name -</td>
<!-- End of Group 1 -->

<!-- Group 2 -->
    <td>Group 2</td>
    <td>:</td>
    <td>- Group 2 Name -</td>
<!-- End of Group 2 -->
</tr>
    <tr>  <td>
        hi</td> <td>
        </td> <td>
        </td> <td>
        </td> <td>
        </td> <td>
        </td></tr>
</table>

JavaScript

$("#test tr:eq(0) td").slice(0,3).hide();