JSFiddle - React, Tailwind, and code Playground
HTML
<table class="homepagemodule report" id="league_chat" align="center" cellspacing="1">
<caption>
<span href="javascript:void(0);" style="visibility: visible;" class="module_expand" classname="module_expand">[-]</span>
<span>League Chat <a href="javascript:chat_window('http://www15.myfantasyleague.com/2015/chat?L=65821&COUNT=40');"><img src="http://www15.myfantasyleague.com/window-16x16.png" title="New Window" alt="New Window" border="0" height="16" width="16"/></a></span>
</caption>
<tbody>
<!-- DO NOT REVERSE FIRST TR BELOW -->
<tr>
<th>By</th>
<th>Message</th>
</tr>
<!-- REVERSE ALL TR HERE -->
<tr class="oddtablerow" classname="oddtablerow" title="Posted: Wed May 20 5:03:43 p.m. ET 2015" id="1432155823grk906">
<td>Commissioner</td>
<td>test</td>
</tr>
<tr class="eventablerow" classname="eventablerow" title="Posted: Sun May 3 10:05:04 a.m. ET 2015" id="1430661904spl184">
<td>
<b>Franchise 1</b>
</td>
<td>
<b>test</b>
</td>
</tr>
<tr class="oddtablerow" classname="oddtablerow" title="Posted: Sat May 2 6:59:25 p.m. ET 2015" id="1430607565cyo906">
<td>Commissioner</td>
<td>test</td>
</tr>
<tr class="eventablerow" classname="eventablerow" title="Posted: Sat May 2 6:59:19 p.m. ET 2015" id="1430607559qma757">
<td>
<b>Commissioner</b>
</td>
<td>
<b>asdfasdf</b>
</td>
</tr>
<tr class="oddtablerow" classname="oddtablerow" title="Posted: Sat May 2 6:59:14 p.m. ET 2015" id="1430607554imv113">
<td>
<b>Commissioner</b>
</td>
<td>
<b>asdfasdf</b>
</td>
</tr>
<tr class="eventablerow" classname="eventablerow" title="Posted: Sat May 2 6:59:08 p.m. ET 2015" id="1430607548soa621">
...
JavaScript
var table = $('table');
var rows = table.find('tr:not(:first):not(:last)');
console.log(rows);
$('tr:first').after(rows.get().reverse());