Ordine alfabetico degli elementi utilizzando JQuery.

Script jQuery ordine alfabetico

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>

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