jquery - 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

不，没有别的办法。

要让 atd出现在新行中，您当然必须创建新行。

添加另一行：

$('#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/