JSFiddle - React, Tailwind, and code Playground

HTML

<table id="student" name="student" class="student">
    <tr>
        <td>
            <center>
                <input type="text" name="fname" class="fname" />
                <br> <span><small><i>First Name</i></small></span> </center>
        </td>
        <td>
            <center>
                <input type="text" name="mname" class="mname" />
                <br> <span><small><i>Middle Name</i></small></span> </center>
        </td>
        <td>
            <center>
                <input type="text" name="lname" class="lname" />
                <br> <span><small><i>Last Name</i></small></span> </center>
        </td>
    </tr>
    <tr>
        <td>
            <center>
                <input type="text" name="suffix" class="suffix" />
                <br> <span><small><i>Suffix</i></small></span> </center>
        </td>
    </tr>
    <tr>
        <td>
            <center>
                <input type="text" name="city" class="city" />
                <br> <span><small><i>City/Province</i></small></span> </center>
        </td>
        <td>
            <center>
                <input type="text" name="town" class="town" />
                <br> <span><small><i>Town/Municipality</i></small></span> </center>
        </td>
        <td>
            <center>
                <input type="text" name="district" class="district" />
                <br> <span><small><i>District</i></small></span> </center>
        </td>
    </tr>
    <tr>
        <td>
            <center>
                <input type="text" name="contact" class="contact" />
                <br> <span><small><i>Contact Number</i></small></span> </center>
        </td>
    </tr>
    <tr>
        <td>
            <input type="button" id="addtable" value="Add" name="" /> </td>
        <td>
            <input type="button" id="removetable" value="Remove" name="" /> </td>
         <td>
            <input type="button" id="checkConsole" value="CheckConsole" name="" /> </td>
    </tr>
</table>

JavaScript

var studentnames = [];
$('#checkConsole').click(function() {
    var student = $('#student tr').find('td').find('input[type=\"text\"]');
    
    var temp = {};
    student.each(function(index, element) {
        var label = $(element).parent().find('span').text();
        var member = $('#student').attr('name');
        
        temp[label] = $(element).val();
        temp['member'] = member;
    });
    studentnames.push(temp);
    console.log(studentnames);
    alert(temp[label]);
});