JSFiddle - React, Tailwind, and code Playground

by Viktor Iwan

HTML

<div class="cabang">
      <div id="Pematangsiantar">Pematangsiantar<br></div>
      <div id="Padang">Padang<br></div>
      <div id="Bengkulu">Bengkulu<br></div>
      <div id="Jambi">Jambi<br></div>
      <div id="Cikarang">Cikarang<br></div>
      <div id="Cirebon">Cirebon<br></div>
      <div id="Pontianak">Pontianak<br></div>
      <div id="Satui">Satui<br></div>
      <div id="Samarinda">Samarinda<br></div>
      <div id="Mataram">Mataram<br></div>
      <div id="Palu">Palu<br></div>
</div>

JavaScript

var $divs = jQuery(".cabang div");

var alphabeticallyOrderedDivs = $divs.sort(function (a, b) {
        return $(a).attr('id') > $(b).attr('id');
    });
    
jQuery(".cabang").html(alphabeticallyOrderedDivs);