요소를 다른 위치로 이동

Question

각 행의 첫 번째 col 내용을 해당하는 세 번째 열 내용으로 옮기고 싶습니다. 어떻게해야합니까?

<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() : 그것은 기본적으로 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> 
... 

으로 식별 부모의 형제 자매에 대한 내용을 이동.