jQuery - 更改表格单元格的位置

Question

如何通过jquery更改单元格从1 2到2 1的位置？

<table id='mytable'>
   <tr>
       <td>1</td>
       <td>2</td>
   </tr>
</table>

Answer 1

$('#mytable tr td:eq(0)').appendTo('#mytable tr');

JSFIDDLE 。

Answer 2

如果您想将所有第二个td更改为表格中的第一个位置，那么您可以使用：

$.each($('#mytable tr td:eq(1)'), function() {
     $(this).insertBefore($(this).prev());
})

<小时/> 实际上，如果您的表格中包含多个<tr>元素，则上述代码将无法使用，如果是这种情况，那么您需要使用.find()：

$('#mytable tr').find('td:eq(1)').each(function() {
    $(this).insertBefore($(this).prev());
});

<强> Fiddle Demo

参考文献：.each()，.find()，.insertBefore()，.prev()

Answer 3

附加

http://jsfiddle.net/F7HmQ/1/

$(function(){
   var td = $("td").first() ;
    $("tr").first().append(td);    
});