JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mytable">
    <tr>
        <td><input type="textbox" class="mytb"/></td>
        <td><button id="addButton">Add New Row</button></td>     
    </tr>
</table>

JavaScript

$(function(){
        // generate new row
    $('#addButton').on('click', function(event){
      event.preventDefault();                 
      var newRow = '<tr><td><input type="text" class="newtb"/></td></tr>';
      $('#mytable').append(newRow);        
    });
$('#mytable').on('click', function(e){
    var $target = $(e.target), $tr = $target.closest('tr');
    if($tr.length){
       //  $tr.get(0) is the clicked TR element
       alert($tr.get(0).nodeName+' clicked !'+"\n"+e.target.nodeName+' the actual clicked element');          event.preventDefault();
      return false;
    }
});
});