JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<table border="1" id="magicTable">
    <tr>
        <td>2</td>
        <td>9</td>
        <td>4</td>
    </tr>
    <tr>
        <td>7</td>
        <td>5</td>
        <td>3</td>
    </tr>
    <tr>
        <td>6</td>
        <td>1</td>
        <td>8</td>
    </tr>
</table>

JavaScript

var table = $("#magicTable");
var arr = [];

var allTRs = table.find("tr");

for (var  i = 0; i < allTRs.length; i++) {
    var tr = allTRs.eq(i);
    var allTDs = tr.find("td");
    arr[i] = [];    // set each cell to be another array

    for (var  j = 0; j < allTDs.length; j++) {
        var td = allTDs.eq(j);
        arr[i][j] = td.text();
    }
}


// print
var tmp;
var max = allTRs.length;

for (var  i = 0; i < max; i++) {
    tmp = [];

    for (var  j = 0; j < max; j++) {
        tmp.push(arr[i][j]);
    }
    
    console.log(tmp.join(","));
}