Ordine alfabetico degli elementi utilizzando JQuery.

Ultimamente stavo lavorando su un progetto, nel quale ho avuto necessità di ordinare tutti gli utenti nell’ordine alfabetico. Adesso ti spiego brevemente come ho fatto, è abbastanza semplice.

Presupponiamo di avere due blocchi, e abbiamo necessità di ordinarli in base al nome, vorremo ordinarli in ordine alfabetico. Intanto prendiamo questi 2 box e li posizioniamo nel body, e gli associamo l’id=”a1″.

<!--Esempio box1-->
<div class="row" id="a1">
<h2>A</h2>
<p>Descrizione</p>
</div>

<!--Esempio box2-->
<div class="row" id="a1">
<h2>A</h2>
<p>Descrizione</p>
</div>

Adesso nel footer inseriamo questo piccolissimo script.

<!--Alfabetical sorting list -->
<script>
$('.atbd_single_listing').sort(function(a, b) {
  if (a.textContent < b.textContent) {
    return -1;
  } else {
    return 1;
  }
}).appendTo('#a1');

</script>

E voilà. Adesso ogni volta che creerai un div con l’id=”a1″, l’elemento verrà ordinato nell’ordine alfabetico.