Сортировка списка с помощью jQuery

Question

У меня есть небольшая проблема, которую я пытаюсь решить. Допустим, у меня есть неупорядоченный список, например:

<ul> 
    <li> //first
       <div id="div1> text </div>
    </li>

    <li> //second
       <div id="div2> text </div>
    </li>

    <li> //third
       <div id="div3> text </div>
    </li>
</ul>

Есть ли простой способ изменить порядок в этом списке? Итак, скажем, третий будет отображаться в середине? Проблема в том, что у меня много вещей под каждым

и я не могу изменить список на стороне сервера, так как у меня нет доступа к логическим файлам: /

Спасибо С уважением

Answer 1

Вы можете сделать это с помощью jQueryUI. есть очень хороший пример здесь

Answer 2

До тех пор, пока вы знаете позиции, в которые вы хотите войти и перемещаться, вы можете. Вот пример:

В этом случае удалите элемент :eq(2) (третий, на основе 0), затем вставьте его после первого.

$(document).ready(function(){
  $("ul li:eq(2)").remove().insertAfter($("ul li:eq(0)"));
});

<ul> 
    <li>
       <div id="div1"> first </div>
    </li>
    <li>
       <div id="div2"> second </div>
    </li>
    <li>
       <div id="div3"> third </div>
    </li>
</ul>

Есть и несколько других вариантов, но ответ: да Вы можете сделать это.

Answer 3

Плагин TinySort должен отсортировать вас [TinySort]