將元素移動到另一個位置

Question

我希望將每行的第一個col內容移動到其相應的第三列內容。我該怎麼做呢？其基本內容由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()); 
}); 

Answer 2

使用jQuery.html()和jQuery.append()。