Как изменить порядок строк таблицы (перетаскивание) вместе с их подстроками

Question

У меня есть таблица, которая выглядит следующим образом (упрощенно для примера):

<table>
<tr class="lvl_1">
    <td>
    Level 1
    </td>
</tr>
<tr class="lvl_2">
    <td>
    Level 2
    </td>
</tr>
<tr class="lvl_3">
    <td>
    Level 3
    </td>
</tr>
<tr class="lvl_1">
    <td>
    Level 1
    </td>
</tr>
<tr class="lvl_2">
    <td>
    Level 2
    </td>
</tr>
<tr class="lvl_3">
    <td>
    Level 3
    </td>
</tr>

Содержимое в строках с классом lvl_3 является потомками предыдущей строки lvl_2,и строки lvl_2 являются дочерними по отношению к предыдущему lvl_1.

Если бы данные были списком, они бы выглядели примерно так:

Level 1
-- Level 2
---- Level 3
Level 1
-- Level 2
---- Level 3

Я сейчас ищу реализацию перетаскивания.Функция сортировки and-drop позволяет сделать перестановку уровня 1 и двух строк.Сложность в том, что как только я начинаю перемещать строку, соответствующие дети (и внуки, если таковые имеются) должны двигаться вместе с ним.

Возможно ли это даже с текущей разметкой, или мне нужнопереставить код?

Answer 1

Мне не ясно, почему вы не используете списки UL LI для достижения этой цели. Вы можете, я полагаю, использовать jQuerys некоторые функции удаления и добавления, чтобы легко реализовать это