jquery - tdを別のtdの下に移動するjquery

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>

理想的には、TDの新しい行を作成したくないのですが、回避策はないと思いますか？

Answer 1

いいえ、他に方法はありません。

をtd新しい行に表示するには、もちろん新しい行を作成する必要があります。

別の行を追加するには:

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

または、特定の行の後に配置する場合 (B下に移動):

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

Answer 2

このような何かがそれを行う必要があります

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

http://jsfiddle.net/rucsh/のデモ