JSFiddle - React, Tailwind, and code Playground

HTML

<table id="officers-table">
    <tr>
        <td>name</td>
        <td>is_director</td>
        <td>is_shareholder</td>
        <td>is_secretary</td>
        <td>Edit</td>
        <td><button type="button" value="id" class="remove-officer-button">Remove</button></td>
  </tr>     
</table>

CSS

table td {
    border:1px solid black;
    padding:4px;
}

JavaScript

$("#officers-table").on('click', '.remove-officer-button', function(e) {
    var whichtr = $(this).closest("tr");

    alert('worked'); // Alert does not work
    whichtr.remove();      
});