JSFiddle - React, Tailwind, and code Playground

by kobi

HTML

<table>
    <tr class="4"> 
        <td align="center" rowspan="6">4<img border="0" src="/v/vspfiles/assets/images/one.jpg" alt=""> 
            <a title="217/00004/00 Counterring" href="/217-00004-00-Counterring-p/217-fslash-00004-fslash-00.htm">
                <img border="0" alt="217/00004/00 Counterring" src="/v/vspfiles/photos/217-fslash-00004-fslash-00-0.jpg"></a> 
        </td> 
        <td rowspan="6"> 
            <img width="5" height="5" src="/v/vspfiles/templates/100/images/clear1x1.gif"> 
        </td> 
        <td background="/v/vspfiles/templates/100/images/Grid_Single_Divider_Vert.gif" rowspan="6"> 
            <img width="1" height="1" src="/v/vspfiles/templates/100/images/clear1x1.gif"> 
        </td> 
        <td rowspan="4"> 
            <img width="5" height="5" src="/v/vspfiles/templates/100/images/clear1x1.gif"> 
        </td> 
        <td colspan="9"><img width="5" height="5" src="/v/vspfiles/templates/100/images/clear1x1.gif"></td> 
    </tr>
    
    <tr class="3"> 
        <td align="center" rowspan="6">3<img border="0" src="/v/vspfiles/assets/images/one.jpg" alt=""> 
            <a title="217/00004/00 Counterring" href="/217-00004-00-Counterring-p/217-fslash-00004-fslash-00.htm">
                <img border="0" alt="217/00004/00 Counterring" src="/v/vspfiles/photos/217-fslash-00004-fslash-00-0.jpg"></a> 
        </td> 
        <td rowspan="6"> 
            <img width="5" height="5" src="/v/vspfiles/templates/100/images/clear1x1.gif"> 
        </td> 
        <td background="/v/vspfiles/templates/100/images/Grid_Single_Divider_Vert.gif" rowspan="6"> 
            <img width="1" height="1" src="/v/vspfiles/templates/100/images/clear1x1.gif"> 
        </td> 
        <td rowspan="4"> 
            <img width="5" height="5" src="/v/vspfiles/templates/100/images/clear1x1.gif"> 
        </td> 
        <td colspan="9"><img width="5" height="5" src="/v/vspfiles/templates/100/images/clear1x1.gif"></td> 
    </tr>
    
    <tr class="1"> 
       ...

JavaScript

var trs = $('tr');
var sorted = trs.get().sort(

function(a, b) {
    return $(a).attr('class') > $(b).attr('class');
});
$('table').append(sorted);