JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" cellspacing="1" width="500">
    <tr id="headerRow">
        <td>FRUITS</td>
        <td>COLORS</td>
        <td>VEGGIES</td>
        <td>NUMBERS</td>
    </tr>
    <tr>
        <td>apples</td>
        <td>red</td>
        <td>carrots</td>
        <td>123</td>
    </tr>
    <tr>
        <td>oranges</td>
        <td>blue</td>
        <td>celery</td>
        <td>456</td>
    </tr>
</table>

JavaScript

$(function() {
    $('#headerRow td').click(function() {
        alert(this.innerHTML);
    });
});