JSFiddle - React, Tailwind, and code Playground

HTML

<table id="students" border="1">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Grade</th>
        </tr>
    </thead>
    <tbody>
        <tr class="student">
            <td>Oscar</td>
            <td>23</td>
            <td>16.5</td>        
        </tr>
        <tr class="student">
            <td>Antonio</td>
            <td>32</td>
            <td>14</td>        
        </tr>
        <tr class="student">
            <td>Jessica</td>
            <td>21</td>
            <td>19</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(0).text(),
                  age: $td.eq(1).text(),
                  grade: $td.eq(2).text()               
               }
}).get();

    console.log(tbl)