JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>a</td>
        <td>b</td>
        <td>c</td>
        <td>d</td>
    </tr>
    <tr>
        <td>1</td>
        <td>s</td>
        <td>a</td>
        <td>s</td>
    </tr>
    <tr>
        <td>a</td>
        <td>s</td>
        <td>d</td>
        <td>a</td>
    </tr>
    <tr>
        <td>a</td>
        <td>s</td>
        <td>s</td>
        <td>s</td>
    </tr>
    <tr>
        <td>w</td>
        <td>a</td>
        <td>a</td>
        <td>a</td>
    </tr>
</table>

CSS

td {
    width:100px;
    border:1px solid #eee;
    text-align:center;
}

JavaScript

$(function () {
    $('table').on('click', function (e) {
        var x = $(e.target);
        var index = x.parents('tr').find('td,th').index(x);
        alert($(x.parents('table').find('tr').first().find('td,th')[index]).text());
    });
});