JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<button id="clickme">Click me</button>

<table id="tbl">
    <tr>
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    <tr>
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
    <tr>
        <td>g</td>
        <td>h</td>
        <td>i</td>
    </tr>
</table>

CSS

td {
    padding: 2px;
    border: 1px solid #CCC;
}

JavaScript

var arr = $('#tbl > tbody > tr').map(function ()
{
    return $(this).children().map(function ()
    {
        return $(this);
    });
});

$('#clickme').click(function ()
{
    arr[2][1].text(5);
});