JSFiddle - React, Tailwind, and code Playground

by ergec

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinysort/2.2.6/tinysort.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinysort/2.2.6/tinysort.charorder.min.js"></script>
Note that this first list is not sorted properly because of nonlatin characters. You'll need charorder addon. Check examples below.
<ul class="submenu1">
    <li class="nav761">b</li>
    <li class="nav749">z</li>
    <li class="nav762">a</li>
    <li class="nav748">ş</li>
    <li class="nav763">ğ</li>
</ul>

<ul class="submenu2">
    <li class="nav761">b</li>
    <li class="nav749">z</li>
    <li class="nav762">a</li>
    <li class="nav748">ş</li>
    <li class="nav763">ğ</li>
</ul>
<select class="selectmenu sortatoz">
    <option class="nav761">b</option>
    <option class="nav749">z</option>
    <option class="nav762">a</option>
    <option class="nav748">ş</option>
    <option class="nav763">ğ</option>
</select>

JavaScript

tinysort('.submenu1 > li');
tinysort('.submenu2 > li', {
    charOrder: 'abcçdefgğhıijklmnoöprsştuüvyz'
});
tinysort('select.sortatoz > option', {
    charOrder: 'abcçdefgğhıijklmnoöprsştuüvyz'
});