Блог

Итак, у меня есть эти элементы

   {% for chat in content %}
    <a class="clearfix" href="{% if chat.second == request.user %}{{ chat.first }}{% elif chat.second != request.user %}{{ chat.second }}{% endif %}">
      <div class="ProfileImg" style="background-image: url({% if chat.second == request.user %}{{ chat.first.profile.avatar.url }}{% elif chat.second != request.user %}{{ chat.second.profile.avatar.url }}{% endif %})"></div>
      <div class="about">
        <div class="name">{% if chat.second == request.user %}{{ chat.first }}{% elif chat.second != request.user %}{{ chat.second }}{% endif %}</div>
        <input type="hidden" class="number" value="{% if chat.second != request.user %}{{ chat.first_thread_notification }}{% elif chat.second == request.user %}{{ chat.second_thread_notification }}{% endif %}">
        <div class="status">
          {% if chat.second != request.user %}  
            {% if chat.first_thread_notification >= 1 %}{{ chat.first_thread_notification }} msg sin leer <i class="fa fa-circle notification"></i>{% else %}chat activo{% endif %}
          {% elif chat.second == request.user %}
            {% if chat.second_thread_notification >= 1 %}{{ chat.second_thread_notification }} msg sin leer <i class="fa fa-circle notification"></i>{% else %}chat activo{% endif %}
          {% endif %}
        </div>
      </div>
    </a>
  {% endfor %}
  

во входном class=’number’ val есть значение, которое содержит число, определенный номер каждого чата.
что мне нужно, так это упорядочить элементы в зависимости от значения числа
Я пробую это, но это не работает

   // order the chat values
  $( ".clearfix" ).each(function() {
    var notification_numbers =  $(this).find(".number").val();

    $(this)[0].style.order = notification_numbers
  
 });
  

кто-нибудь знает, как это сделать?