jQuery addClass example

Change class name on click in jQuery

by Kamal Kumawat

HTML

<table id="day-temperatures">
<tr>
<th>Time</th>
<th>Celsius</th>
<th>Fahrenheit</th>
</tr>
<tr class="morning">
<td>08:00</td>
<td>30C</td>
<td>86F</td>
</tr>
<tr class="afternoon">
<td>13:00</td>
<td>40C</td>
<td>104F</td>
</tr>
<tr class="evening">
<td>18:00</td>
<td>35C</td>
<td>95F</td>
</tr>
</table>

JavaScript

console.log($("#day-temperatures .afternoon"))