Пытаюсь отсортировать плитки

#jquery

Вопрос:

Мне просто нужно, чтобы он сортировал divs на странице по внутреннему тексту. У нас есть все, кроме функционирующего дисплея.

  var mylist = $('.ccl-tout-front');
 var listitems = mylist.sort((a,b)=> 
    $(a).text().localeCompare($(b).text()))
    $.each(listitems, function(idx, itm) { 
    mylist.append(itm); 
 });
 

Комментарии:

1. Что вы имеете в виду под всем, кроме дисплея?

Ответ №1:

Вам нужно выполнить сортировку append() после сортировки, а не внутри нее. Вам также необходимо добавить к parent() отсортированным элементам. Попробуйте это:

 let $mylist = $('.ccl-tout-front');
$mylist.sort((a, b) => $(a).text().localeCompare($(b).text())).appendTo($mylist.parent()); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <div class="ccl-tout-front">C</div>
  <div class="ccl-tout-front">D</div>
  <div class="ccl-tout-front">A</div>
  <div class="ccl-tout-front">E</div>
  <div class="ccl-tout-front">B</div>
</div>