JSFiddle - React, Tailwind, and code Playground

by Guksels

HTML

<table id="students" border="1">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Grade</th>
        </tr>
    </thead>
    <tbody>
        <tr class="student">
            <td>AAAAA</td>
            <td>AAAAA</td>
            <td>AAAAAA</td>
            <td></td>
            <td>BBBBBB</td>
            <td>BBBBBBB</td>
            <td>BBBBBBB</td>
            
        </tr>

    </tbody>
</table>

JavaScript

var tbl = $('table#students tr:has(td)').map(function(i, v) {
    var $td =  $('td', this)
        return {
                 id: ++i,
                 name: $td.eq(4).text(),
                  age: $td.eq(5).text(),
                  grade: $td.eq(6).text()               
               }
}).get();

    console.log(tbl)