JSFiddle - React, Tailwind, and code Playground

by cmatskas

HTML

<table id="tbl" border="1">
    <tr>
        <td style="display:none;">1</td>
        <td>Content 1</td>
        <td><a href="#">ClickMe</a></td>
    </tr>
    <tr>
       <td style="display:none;">2</td>
       <td>Random 2</td>
        <td><a href="#">ClickMe</a></td>
    </tr>
    <tr>
       <td style="display:none;">3</td>
       <td>Random 3</td>
        <td><a href="#">ClickMe</a></td>
    </tr>
    <tr>
       <td style="display:none;">4</td>
       <td>Random 4</td>
       <td><a href="#">ClickMe</a></td>
    </tr>
    <tr>
       <td style="display:none;">5</td>
       <td>Random 5</td>
       <td><a href="#">ClickMe</a></td>
    </tr>
</table>

JavaScript

$("#tbl td").click(function() {
    //alert('values: ' + this.InnerText);
    var a = $(this).parents('tr:first').find('td:first').text();
    //var a = $('td:first', $(this).parents('tr')).text();
    alert(a)
});