javascript - 使用 jquery 对具有子项的 HTML 表进行排序

Question

我有以下表结构。我想通过拖放对其进行排序。请注意，我希望根页面有子页面。我让它与具有层次结构的列表一起使用，但这使得旧版浏览器的样式变得不可能。

<table>
   <tr data-id="1">
       <td>Page name</td>
       <td>Other column</td>
   </tr>
   <tr data-id="2">
       <td>Page name</td>
       <td>Other column</td>
   </tr>
   <tr class="children" data-parent="2">
       <table>
            <tr data-id="3">
                <td>Page name</td>
                <td>Other column</td>
            </tr>
            <tr data-id="4">
                <td>Page name</td>
                <td>Other column</td>
            </tr>
        </table>
   </tr>
</table>