JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr id='rowOne'>
        <td width="10%">                       
            <input type="button" value="Edit" class="btnEdit"/>
            <input type="button" value="Delete" class="btnDelete"/>
            <input type="button" value="Update" class="btnUpdate" />
            <input type="button" value="Cancel" class="btnCancel"/>
        </td>
        <td width="10%" align="center">ContactID</td>
        <td width="20%" align="center">Title</td>
        <td width="20%" align="center">MiddleName</td>
        <td width="20%" align="center">LastName</td>
        <td width="20%" align="center">EmailAddress</td>
   </tr>
    <tr id='rowTwo'>
        <td width="10%">                       
            <input type="button" value="Edit" class="btnEdit"/>
            <input type="button" value="Delete" class="btnDelete"/>
            <input type="button" value="Update" class="btnUpdate" />
            <input type="button" value="Cancel" class="btnCancel"/>
        </td>
        <td width="10%" align="center">ContactID</td>
        <td width="20%" align="center">Title</td>
        <td width="20%" align="center">MiddleName</td>
        <td width="20%" align="center">LastName</td>
        <td width="20%" align="center">EmailAddress</td>
   </tr>
    <tr id='rowThree'>
        <td width="10%">                       
            <input type="button" value="Edit" class="btnEdit"/>
            <input type="button" value="Delete" class="btnDelete"/>
            <input type="button" value="Update" class="btnUpdate" />
            <input type="button" value="Cancel" class="btnCancel"/>
        </td>
        <td width="10%" align="center">ContactID</td>
        <td width="20%" align="center">Title</td>
        <td width="20%" align="center">MiddleName</td>
        <td width="20%" align="center">LastName</td>
        <td width="20%" align="center">EmailAddress</td>
   </tr>
</table>

JavaScript

$('tr').live('click', function(e){ 
    var rowId = $(e.target).closest('tr').attr('id');
    switch($(e.target).attr('class')){
        case 'btnEdit':
            alert('edit button triggered for row#' + rowId);
            break;
        case 'btnDelete':
            alert('delete button triggered for row#' + rowId);
            break;
        case 'btnUpdate':
            alert('update button triggered for row#' + rowId);
            break;
        case 'btnCancel':
            alert('cancel button triggered for row#' + rowId);
            break;
   }
});