JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tblInfo">
    <thead>
        <tr>
            <th>#</th>
            <th>Name</th>
            <th>Birthday</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Name1</td>
            <td>01/01/1990</td>
            <td>
                <a href="#" class="btnView" >View</a>
                <a href="#" class="btnDelete">Delete</a>
            </td>
        </tr>
        <tr>
            <td>2</td>
            <td>Name2</td>
            <td>01/01/1990</td>
            <td>
                <a href="#" class="btnView">View</a>
                <a href="#" class="btnDelete">Delete</a>
            </td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td></td>
            <td><input type="text" name="" value="" size="25" /></td>
            <td><input type="text" name="" value="" size="25" /></td>
            <td>
                <a href="#" class="btnAdd">Add</a>
            </td>
        </tr>
    </tfoot>
</table>

JavaScript

$(document).ready(function() {
    $("#tblInfo").on("click", ".btnDelete", function() {
        var $this = $(this);
        var name = $this.closest("tr").find("td:nth-child(2)").text();
        if (confirm("Do you want to delete" + name + "?"))
        { $this.closest('tr').remove(); }
    });
});