JSFiddle - React, Tailwind, and code Playground

by o0110o

HTML

<table style="width:50%">
    <thead>
        <tr>
            <th colspan="4">Feburary</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>13</td>
            <td>14</td>
            <td>15</td>
            <td>16</td>
        </tr>
    </tbody>
</table>
<br />
<table style="width:50%">
    <thead>
        <tr>
            <th colspan="4">October</th>
        </tr>
    </thead>
    <tbody>
        <tr>
           <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </tbody>
</table>
<br />
<table style="width:50%">
    <thead>
        <tr>
            <th colspan="4">March</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
        </tr>
    </tbody>
</table>
<br />
<table style="width:50%">
    <thead>
        <tr>
            <th colspan="4">May</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
        </tr>
    </tbody>
</table>

CSS

table{background:grey;}
.today{
    background:yellow;
}

JavaScript

var month = "March";
var day = "11";

$("table:contains(" + month + ")").find("td").filter(function () {
       return $(this).text() === day.toString()
}).addClass('today');