的jQuery移動TD低於其他TD

Question

從這：

<tr> 
<td>A</td> 
<td>B</td> 
</tr> 

<tr> 
<td>C</td> 
<td>D</td> 
</tr> 

這樣：

<tr> 
<td>A</td> 
</tr> 
<tr> 
<td>B</td> 
</tr> 

<tr> 
<td>C</td> 
</tr> 
<tr> 
<td>D</td> 
</tr> 

理想我woulnd't要創建爲TD新行，但我不認爲有一條路，是嗎？

Answer 1

像這樣的事情應該去做

$('tr').each(function(){ 
    var self = $(this); 
    self.after('<tr>').next().append(self.find('td:last')); 
}); 

Demo at http://jsfiddle.net/rucsh/

Answer 2

不，沒有別的辦法。

要獲得td顯示在一個新行中，您當然必須創建一個新行。

要添加另一行：

$('#myTable tr:last').after('<tr><td>' + YOURSTUFF + '</td></tr>'); 

或者，如果你想要把它特定行後（移動B下）：

$('#theRow').after('<tr><td>' + YOURSTUFF + '</td></tr>');