JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td>
<div>5</div>
<div>90</div>
<div>35</div>
<div>12</div>
<div>18</div>
</td>
<td>
<div>35</div>
<div>11</div>
<div>67</div>
<div>23</div>
<div>8676</div>
</td>
</tr>
<table>
CSS
table td{border:1px solid #000;padding:10px;width:50%;}
table{border-collapse:collapse;width:100%; }
.light{background:red;}
JavaScript
$(document).on("click","div",function(){
$(".light").removeClass("light");
var i = $(this).index();
var q = $(this).parent().prev().length>0?$(this).parent().prev():$(this).parent().next();
$(this).addClass("light");
q.children().eq(i).addClass("light");
});