如何将顶部表格行推到底部--HTML和JavaScript

我想将某些行推到表格底部，在普通JavaScript中如何实现？如何将顶部表格行推到底部--HTML和JavaScript

在下面的表格，我想在第一和第二行推至底部：

<table> 
    <tr><td>ABCD</td></tr> 
    <tr><td>XYZ</td></tr> 
    <tr><td>adfs</td></tr> 
    <tr><td>asd</td></tr> 
    <tr><td>asdasd</td></tr> 
</table>

来源

2011-04-19 prakashkadakol

就做这样的事情：

假设你有一个表像这样：

<table id='table'> 
    <tr id='row1><td>....</td></tr> 
    <tr id='row2><td>....</td></tr> 
    <tr id='row3><td>....</td></tr> 
    <tr id='row4><td>....</td></tr> 
</table>

而且这样的新命令的阵列：

NewOrder[1] = 3; 
NewOrder[2] = 4; 
NewOrder[3] = 2;

然后，做一些这样的事情（未测试，所以你可能需要调整的代码，但是这是想法）：

for (i=1; i<=NewOrder.length; i++) { 
    $('row'+i).appendTo('#table'); 
}

这样，他们被转移到表的末端，以。

所以你将有3个移动到最后，然后是4个，然后是2个，等等。在他们全部被追加到表尾后，第一个将成为第一行，并且其余部分将按照正确的顺序排列。

Make the table style ='display：none;'然后做$（'＃table'）。show（）;在启动时。

再次编辑：你可以做围绕整个主体内容股利，像

<body> 
<div id='everything' style='display:none;'> 
.... 
</div> 
</body>

这样整个页面将被隐藏（只是空白）如属第二它需要加载的分数，订购表格。

那么你可以使用：

$(function(){ 
    $('#everything').show(); 
}

要一次性尽快显示整个页面的DOM已准备就绪。加载页面需要几分之一秒的时间，但它会一次加载，所以不会有任何缺少表格的闪光灯等等。只要一切都在#everything中，它就会看起来像就像加载的页面一样 - 对观众应该是透明的。

来源

2011-04-19 05:10:58

嗨，我不使用任何框架的工作，所以你可以请解释我在普通的JavaScript – prakashkadakol 2011-04-19 05:47:46

将表体的第一个子添加到表体中。两次。

tablebodyreference.appendChild(tablebodyreference.firstChild); 
tablebodyreference.appendChild(tablebodyreference.firstChild);

一个tablebody元素只能有trs作为子元素。

来源

2011-04-19 05:11:46 kennebec

如何将顶部表格行推到底部--HTML和JavaScript

回答

相关问题