JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td><img src="" /></td>
    <td><img src="" /></td>
    <td><img src="" /></td>
    <td><img src="" /></td>
 </tr>
</table>

CSS

td{
  border: 1px solid black;
  padding: 5px;
  margin: 5px;
  background: #ccc;
  height: 200px;
  width: 200px;
}
img {
  width: 100%;
  height: 100%;
  border: 1px solid red;
}

JavaScript

$('td img').click(function(){
	console.log($(this).parent().index());
});