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(){
	$('.btnDelete').click(function(){
    	var selectedName = $($(this).closest("tr").children()[1]).text(); 
        console.log("Selected name is "+ selectedName);
    });
});