JSFiddle - React, Tailwind, and code Playground

HTML

<table id="blason" border="0" width="98%">
 
           <tr><th colspan="5" class="titre"> <h1>Département de l'Ain....</h1></th></tr>
 
           <tr><th colspan="5" class="nombre"> ....Il y a 166 blasons sur le site dans le département de l'Ain....</th></tr>
           <tr class="class1"> <!-- 2 -->	
				<td class="td_text">   ARBENT  <br>- 01 014 -</td>		
				<td class="td_text">   ARBIGNIEU  <br>- 01 015 -</td>		
				<td class="td_text">   ARGIS  <br>- 01 017 -</td>	
				<td class="td_text">   ARS SUR FORMANS  <br>- 01 021 -</td>		
				<td class="td_text">   ARTEMARE  <br>- 01 022 -</td>
			</tr>
		          <tr class="class1">						
				<td class="td_image"><a href=".html"><img src="../Blason_france/aa_blasons_transparent/ambutrix-01.png" width="95" height="120" ></a></td>
				<td class="td_image"><a href=".html"><img src="../Blason_france/aa_blasons_transparent/angles-04.png" width="95" height="120" ></a></td>
                <td class="td_image"><a href=".html"><img src="../Blason_france/aa_blasons_transparent/appenwihr-68.png" width="95" height="120" ></a></td>
				<td class="td_image"><a href=".html"><img src="../Blason_france/aa_blasons_transparent/aranc-01.png" width="95" height="120" ></a></td>
                <td class="td_image"><a href=".html"><img src="../Blason_france/aa_blasons_transparent/arbent-01.png" width="95" height="120" ></a></td>
			</tr>
			<tr class="class1"> <!-- 1 -->	
				<td class="td_text">  AMBERIEU EN BUGEY   <br>- 01 004 -</td>		
				<td class="td_text">  AMBERIEUX EN DOMBES   <br>- 01 005 -</td>		
				<td class="td_text">  AMBRONAY   <br>- 01 007 -</td>	
				<td class="td_text">  AMBUTRIX   <br>- 01 008 -</td>		
				<td class="td_text">  ARANC   <br>- 01 012 -</td>
			</tr>
		          <tr class="class1">						
				<td class="td_image"><a href=".html"><img src="../Blason_france/aa_blasons_transparent/cordelle-42.png" width="95" height="120" ></a></td>
				<td class="td_image"><a href=".html"><img...

JavaScript

$( function(){

function mysort(a,b){
 return (a.txt >= b.txt)?1:-1;
}

var elts=[];
$('.td_text').each(function(i,elt){
elts.push ( {"txt": $(elt).text(), "image":$('.td_image:eq('+i+')').html()});
})
elts.sort('mysort');

var i=-1;
$('.class1').empty();
cpt=-2;
while( elts[++i]){
if(i%5==0){cpt=cpt+2;}
$('.class1:eq('+cpt+')').append( $('<td/>').addClass('td_text').text(elts[i].txt) );
$('.class1:eq(' + (cpt+1)')').append( $('<td/>').addClass('td_image').html(elts[i].image) );
}
})