JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="GridContainer">
<div>
    <div class="row gridHeader">
        <div class="small-9 columns">Member Name</div>
        <div class="small-2 columns">Date Registered</div>
    </div>

        <div class="row">
            <div class="small-9 columns">name</div>
            <div class="small-2 columns">date</div>
            <input type="hidden" asp-for="2" />
            <a class="btnMemberDelete" href="#">Delete</a>
        </div>
        
                <div class="row">
            <div class="small-9 columns">name</div>
            <div class="small-2 columns">date</div>
            <input type="hidden" asp-for="3" />
            <a class="btnMemberDelete" href="#">Delete</a>
        </div>
        
       <div class="row">
            <div class="small-9 columns">name</div>
            <div class="small-2 columns">register</div>
            <input type="hidden" asp-for="1" />
            <a class="btnMemberDelete" href="#">Delete</a>
        </div>
    
</div>

JavaScript

$(document).ready(function () {
        $('.btnMemberDelete').click(function (e) {
        e.preventDefault();
            var id = $(this).closest("div").find("input:hidden[name='member.Id']").val();
            
           console.log(id)
        });
    });