JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr><td><input id="i1" /></td></tr>
        <tr><td><input id="i2" /></td></tr>
    </tbody>
</table>
<table>
    <tbody>
        <tr><td><input id="i3" /></td></tr>
        <tr><td><input id="i4" /></td></tr>
    </tbody>
</table>

CSS

table {
    margin: 10px;
}

td {
    padding: 5px;
    border: 1px solid black;
}

JavaScript

$('tbody').delegate(
            "tr:last",
            "change",
            function(event) {
                $(event.target).css("background-color", "lightblue");
            }
        );
        
        $('#i1').change();
        $('#i2').change();
        $('#i3').change();
        $('#i4').change();