JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
    <tr>
        <td>
            <input type="checkbox" id="chkFirst" />
        </td>
    </tr>
    <tr>
        <td class="first">
            A
        </td>
    </tr>
    <tr>
        <td class="first">
            B
        </td>
    </tr>
    <tr>
        <td class="first">
            C
        </td>
    </tr>
     <tr>
        <td>
            <input type="checkbox" id="chkSecond" />
        </td>
    </tr>
    <tr>
        <td class="second">
            Aa
        </td>
    </tr>
        <tr>
        <td class="second">
            Bb
        </td>
    </tr>
    </tbody>
    </table>

CSS

.blue {
    color: blue;
}

JavaScript

var element1 = $(".first");
var element2 = $(".second");

$("table").delegate("td", "click", function(evt){
    alert($(evt.target).parent().html());
    element1.addClass('blue');
});