JSFiddle - React, Tailwind, and code Playground

HTML

<table id="indOut">
    <thead>
        <tr><th>head1</th><th>h2</th><th>h3</th></tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>ela</td>
        <td>cc.1</td>
        
    </tr>
    <tr>
        <td>2</td>
        <td>ewc</td>
        <td>tr.1.1</td>
        
    </tr>
    <tr>
        <td>3</td>
        <td>health</td>
        <td>er.5.4</td>
        
    </tr>
    
    </tbody>
</table>
<button id="check">Run</button>

CSS

td, th {
    border: 1px solid red;
    padding: 5px;
}

JavaScript

var tblRow = []
function run() {
    var band = {}    
    var table = $("#indOut > tbody");
    var rows = table.find('tr')
    rows.each(function() {
        var col = $(this).find('td');
        var gr = col.eq(0).text()
        var code = col.eq(1).text()
        var sub = col.eq(2).text()
        band['grade'] = gr
        band['code'] = code
        band['sub'] = sub
        tblRow.push(band);      
    
    });
    var bandsStr = JSON.stringify(tblRow)
    alert(bandsStr)
}

run()
$("#check").on('click', function() {

var arrayLength = tblRow.length
    for (var i = 0; i < arrayLength; i++) {
    alert(tblRow[i]);
    //Do something
}
});