Сортировка <li>

by vovkasolovev

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 <ul class="list">
      <li id="alpha">banana10</li>
      <li id="beta">catv</li>
      <li id="delta">apple</li>
      <li id="alpha">banana3</li>
      <li id="beta">cat</li>
      <li id="delta">apple4a</li>
      <li id="alpha">banana5</li>
      <li id="beta">cat</li>
      <li id="delta">apple4</li>
      <li id="alpha">banana1</li>
      <li id="beta">cat</li>
      <li id="delta">apples</li>
      <li id="alpha">banana1a</li>
      <li id="beta">cat</li>
      <li id="delta">apple</li>
    </ul>
    
     <ul class="list">
      <li id="alpha">banana</li>
      <li id="beta">catv</li>
      <li id="delta">apple</li>
      <li id="alpha">banana3</li>
      <li id="beta">cat</li>
      <li id="delta">apple</li>
      <li id="alpha">banana5</li>
      <li id="beta">cat</li>
      <li id="delta">apple4</li>
      <li id="alpha">banana1</li>
      <li id="beta">cat</li>
      <li id="delta">apples</li>
      <li id="alpha">banana</li>
      <li id="beta">cat</li>
      <li id="delta">apple</li>
    </ul>
  <p id="debug"></p>

JavaScript

$(".list").each( function() {

  $(this).children().detach().sort(function(a, b) {
    return $(a).text().localeCompare($(b).text());
  }).appendTo($(this));

});