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>

理想情况下，我想要为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/

演示