javascript - 将元素移动到另一个位置

Question

我希望将每行的第一列内容移动到其相应的第三列内容。我该怎么做呢？它基本上将内容移动到其父级由 colB 类标识的兄弟

<tr>
<td class="move">
    <div id="move-0">move me 0</div>
</td>
<td class="colA">
    <div>ColA</div>
</td >
<td class="colB">
    <div>ColB</div>
</td>
</tr>
<tr>
<td class="move">
    <div id="move-1">move me 1</div>
</td>
<td class="colA">
    <div>ColA</div>
</td >
<td class="colB">
    <div>ColB</div>
</td>
</tr>
...

至:

<tr>
<td class="move">

</td>
<td class="colA">
    <div>ColA</div>
</td >
<td class="colB">
    <div>ColB</div>
    <div id="move-0">move me 0</div>
</td>
</tr>
<tr>
<td class="move">

</td>
<td class="colA">
    <div>ColA</div>
</td >
<td class="colB">
    <div>ColB</div>
    <div id="move-1">move me 1</div>
</td>
</tr>

TIA

Answer 1

jQuery('td.move').each(function(){
    var t = jQuery(this);
    t.parent().find('td:last').append(t.children());
});