JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr><td>w</td><td data-id='6' class='point'>6</td></tr>
<tr><td>X</td><td data-id='8' class='point'>8</td></tr>
<tr><td>Y</td><td data-id='7' class='point'>7</td></tr>
<tr><td>Z</td><td data-id='10' class='point'>10</td></tr>
</table>
JavaScript
$('.point').click(function(){
alert($(".point").nextAll().attr('data-id:first'));
});