将元素移动到另一个位置

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()。