JSFiddle - React, Tailwind, and code Playground
by huppen
HTML
<table class="fewo_calendar">
<tbody>
<tr>
<td class="month">Apr 2016</td>
<td class="day_empty"> </td>
<td id="day_17105" class="day_2 day_free">1</td>
<td id="day_17106" class="day_3 day_free">2</td>
<td id="day_17107" class="day_4 day_free">3</td>
<td id="day_17108" class="day_5 day_free">4</td>
<td id="day_17109" class="day_6 day_free">5</td>
<td id="day_17110" class="day_0 day_free">6</td>
<td id="day_17111" class="day_1 day_free">7</td>
<td id="day_17112" class="day_2 day_free">8</td>
<td id="day_17113" class="day_3 day_free">9</td>
<td id="day_17114" class="day_4 day_free">10</td>
<td id="day_17115" class="day_5 day_free">11</td>
<td id="day_17116" class="day_6 day_free">12</td>
<td id="day_17117" class="day_0 day_free">13</td>
<td id="day_17118" class="day_1 day_free">14</td>
<td id="day_17119" class="day_2 day_free">15</td>
<td id="day_17120" class="day_3 day_free">16</td>
<td id="day_17121" class="day_4 day_free">17</td>
<td id="day_17122" class="day_5 day_free">18</td>
<td id="day_17123" class="day_6 day_free">19</td>
<td id="day_17124" class="day_0 day_free">20</td>
<td id="day_17125" class="day_1 day_free">21</td>
<td id="day_17126" class="day_2 day_free">22</td>
<td id="day_17127" class="day_3 day_free">23</td>
<td id="day_17128" class="day_4 day_free">24</td>
<td id="day_17129" class="day_5 day_free">25</td>
<td id="day_17130" class="day_6 day_free">26</td>
<td id="day_17131" class="day_0 day_free">27</td>
<td id="day_17132" class="day_1 day_free">28</td>
<td id="day_17133" class="day_2 day_free">29</td>
<td id="day_17134" class="day_3 day_free">30</td>
<td class="day_empty"> </td>
<td class="day_empty"> </td>
<td class="day_empty"> </td>
<td class="day_empty"> </td>
<td...
CSS
.no-saison {
background-color:#ff0;
}
JavaScript
//jQuery contain
var month = ['Jan', 'Apr'];
$(month).each(function() {
//if ($("td:contains(" + this + ")").length > 0) {
$("td:contains(" + this + ")").nextAll("td").addClass( "no-saison" );
//}
});