JSFiddle - React, Tailwind, and code Playground
HTML
<script>
$("#land").on("click", function (){
alert("test called");
var serviceID = $(this).attr('id');
alert("serviceID :: " + serviceID);
});
</script>
<table id="land" border="1" >
<tr><th><b> Column1 </b> </th><th><b> Column2 </b> </th></tr>
<tr> <td class="navigateTest" id="88" > Row1 - Data1 </td>
<td class="navigateTest" id="98" > Row1 - Data2 </td>
</tr>
<tr> <td class="navigateTest" id="33" > Row2 - Data1 </td>
<td class="navigateTest" id="55" onclick="test()"> Row2 - Data2 </td>
</tr>
</table>