JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container" class="divClass">
<div id="tableContainer" class="divClass">
<table id="myTable" class="tableClass">
<tr>
<td> row 1 and cell 1 </td>
<td>row 1 and cell 2 </td>
<td>
<div id="cellDiv"> row 1 and cell 3 </div>
</td>
</tr>
<tr>
<td> row 1 and cell 1 </td>
<td>row 1 and cell 2 </td>
<td>
<div id="cellDiv"> row 1 and cell 3 </div>
</td>
</tr>
<tr>
<td> row 1 and cell 1 </td>
<td>row 1 and cell 2 </td>
<td>
<div id="cellDiv"> row 1 and cell 3 </div>
</td>
</tr>
</table>
</div>
</div>
CSS
.divClass{
background-color:#ccc;
}
.tableClass{
background-color:#ccc;
font-weight:bold;
border:2px solid #a1a1a1;
padding:10px 10px;
}
JavaScript
var $container= $("#container");
//Getting First Parent by tag of cellDiv
/*
alert("First Parent by tag :"+$container.children().first('div').attr('id'));
alert("First Parent by tag :"+$container.find('div:first').attr('id'));
alert("First Parent by tag :"+$container.children('div:first').attr('id'));
//Getting First Parent by id of cellDiv
alert("First chid id:"+$container.children("#tableContainer:first").attr('id') );
alert("First chid id:"+$container.find("#myTable:first").attr('id') );
*/
/*
//Getting First Parent by id of cellDiv
alert("First child by class :"+$container.find(".tableClass:first").attr('id') );
//Getting First Parent by class and then remove css
var $tableContainerDiv = $(cellDiv).closest(".divClass");
alert("First Parent by class :"+$tableContainerDiv.id +" Now removing css");
$tableContainerDiv.removeClass('divClass');
//get all parents by tag name of cellDiv
alert("no. of parent divs of cellDiv:"+$("#cellDiv").parents("DIV").length);
*/