JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<table class="tileTable" border="1">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>
<table class="tileTable" border="1">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    </tr>
    <tr>
        <td>9</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
    </tr>
</table>

CSS

table.tileTable td {
        width: 40px;
        height: 40px;

JavaScript

$(".tileTable tr:first-of-type").each(function () { 
    $('td', this).each(function () { //looping all tds from a tr
        console.log($(this).text());
    });
});