JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td><div class="icon"></div></td><td><input id="1" type="text"></td></tr>
    <tr><td><div class="icon"></div></td><td><input id="2" type="text"></td></tr>
    <tr><td><div class="icon"></div></td><td><input id="3" type="text"></td></tr>
</table>

CSS

.icon {height:10px; width:10px; margin-right:5px}

JavaScript

$(function(){
    $('input').keyup(function(){
        var row = $(this).parent().parent();
        var inputsChanged = 0;
        row.find('input').each(function(){
            if($(this).val() !== '') inputsChanged++;
        });
        if(inputsChanged === 1){
            row.find('.icon').css('background-color','red');
        }});
});