JSFiddle - React, Tailwind, and code Playground

HTML

<table class='TreeTable' border=1>
    <tr><td>a1</td><td>a2</td><td>a3</td></tr>
    <tr><td>b1</td><td>b2</td><td>b3 <span>IN SPAN TEXT</span></td></tr>
    <tr><td>c1</td><td>c2</td><td>c3 <button>test</button></td></tr>
</table>
<hr>
<div id='out'></div>

JavaScript

$(document).ready(function(){
    $('.TreeTable tr').click(function(e){
        var cell = $(e.target).get(0); // This is the TD you clicked
        if(cell.nodeName != 'TD') 
            cell = $(cell).closest('td').get(0);
        var tr = $(this); // This is the TR you clicked
        $('#out').empty();
        $('td', tr).each(function(i, td){
            $('#out').html(
              $('#out').html()
              +'<br>'
              +i+': '+$(td).text() 
              + (td===cell?' [clicked]':'') );
        });
    });
});