Перемещение элемента в другое место

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>

ТИА

Answer 1

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

Answer 2

Использование jQuery.html () и jQuery.append () .