JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
    <div class="cell" style="top: 0px; left: 0px;">
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
                <tr>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                </tr>
                <tr>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                    <td>click</td>
                </tr>
            </tbody>
        </table>
    </div>

JavaScript

$('td').click(function(){
    var $th = $(this);
    var td_idx = $th.index();
    var tr_idx = $th.closest('tr').index();
    var div_idx = $(this).closest('div').index();
    alert(td_idx + ' ' + tr_idx + ' ' + div_idx);
});