JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
<tr>
<th></th>
<th>ID</th>
<th>Name</th>
</tr>
<tr>
<td><input type="button" value="btn1"><input type="button" value="btn2"></td>
<td>22</td>
<td>Hello</td>
</tr>
<tr>
<td><input type="button" value="btn1"><input type="button" value="btn2"></td>
<td>25</td>
<td>HTML</td>
</tr>
<tr>
<td><input type="button" value="btn1"><input type="button" value="btn2"></td>
<td>45</td>
<td>CSS</td>
</tr>
</table>

CSS

.first{
    color:red;
}

JavaScript

$("tr > td:nth-child(1) > input:nth-child(1)").addClass("first");

console.log($("tr > td:nth-child(1) > input:nth-child(1)"));