JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr id="dynamically generated 1">
        <td class="foo">
            <div class="bar">Bar</div>
        </td>
        <td class="mybutton"> <span class="icon clickable">Not Red</span>

        </td>
    </tr>
    <tr id="dynamically generated 2">
        <td class="foo">
            <div class="baz">Baz</div>
        </td>
        <td class="mybutton"> <span class="icon clickable">Red</span>

        </td>
    </tr>
</table>

CSS

.red {
    color:red;
}

JavaScript

$(".foo").has(".baz").siblings(".mybutton").find(" span.icon.clickable").addClass('red');