jquery - 如何使用 jQuery 移动表格行

Question

我有这个代码

<tr class="parentRow">
    <td colspan="2">parentTd 01 </td>
</tr>

<tr class="childRow">
        <td> childTd 01 </td>

</tr>
<tr class="childRow">
        <td> childTd 02 </td>
</tr>


<tr class="parentRow">
    <td colspan="2">parentTd 02 </td>
</tr>

<tr class="childRow">
        <td> childTd 03 </td>
</tr>

<tr class="childRow">
        <td> childTd 04 </td>
</tr>

通过使用 jQuery，我想创建一个函数，该函数将仅在parentRow内移动childRow以获得由此代码设计的结果

<tr class="parentRow">
    <td colspan="2">parentTd 01 </td>
</tr>

<tr class="childRow">
        <td> childTd 02 </td>
</tr>
<tr class="childRow">
        <td> childTd 01 </td>
</tr>


<tr class="parentRow">
    <td colspan="2">parentTd 02 </td>
</tr>

<tr class="childRow">
        <td> childTd 04 </td>
</tr>

<tr class="childRow">
        <td> childTd 03 </td>
</tr>

任何想法？抱歉，如果您发现我的问题可能不够清楚！

Answer 1

.sortable()您可以为此尝试jquery ui ..

现场演示