Javascript 将图元移动到其他位置

我希望将每行的第一列内容移动到对应的第三列内容。我该怎么做？它基本上是将内容移动到由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>
...

移动我0
可乐
马驹
移动我1
可乐
马驹
...

致：

可乐
马驹
移动我0
可乐
马驹
移动我1

---

TIA

使用和

这起作用了，我修改了两个选择器以提高灵活性。r:last被td.colB取代，它完美地满足了我的需求。谢谢@J-P

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

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