改变表格单元格的位置

jQuery - change table cells position

本文关键字：位置 单元格 表格 改变      更新时间：2023-09-26

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

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

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

JSFIDDLE 。

如果您想将所有第二个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());
});
<<p> 小提琴演示/strong>

引用:each (); (), .insertBefore (), .prev ()

与

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

$(function(){
   var td = $("td").first() ;
    $("tr").first().append(td);    
});
相关文章：