Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何颠倒表格的行顺序_Javascript_Jquery - Fatal编程技术网

Javascript 如何颠倒表格的行顺序

Javascript 如何颠倒表格的行顺序,javascript,jquery,Javascript,Jquery,我试图颠倒表格的行顺序,但第一行/最后一行除外。设置一个JSFIDLE,即反转所有tr,但需要为脚本免除最后一行和第一行 始终将此TR保留在顶部/td> 大量自定义内容 许多其他自定义内容 更多自定义内容 更多自定义内容 始终将此TR放在底部 tbody=$('league#u chat tbody'); tbody.children().each(函数(i,tr){ tbody.prepend(tr); }); 您可以使用get()获取本机节点列表,然后使用reverse()将其反转,然后

我试图颠倒表格的行顺序,但第一行/最后一行除外。设置一个JSFIDLE,即反转所有tr,但需要为脚本免除最后一行和第一行


始终将此TR保留在顶部/td>
大量自定义内容
许多其他自定义内容
更多自定义内容
更多自定义内容
始终将此TR放在底部
tbody=$('league#u chat tbody');
tbody.children().each(函数(i,tr){
tbody.prepend(tr);
});
您可以使用
get()
获取本机节点列表,然后使用
reverse()
将其反转,然后再将其添加回去。
最后一个被
not()

您可以使用
get()
获取本机节点列表,然后使用
reverse()
将其反转,然后将其重新添加。
最后一个被
not()


在大多数需要保持第一行和最后一行不变的情况下,可能需要使用页眉和页脚


始终将此TR保留在顶部
大量自定义内容
许多其他自定义内容
更多自定义内容
更多自定义内容
始终将此TR放在底部

在大多数需要保持第一行和最后一行不变的情况下,可能需要使用页眉和页脚


始终将此TR保留在顶部
大量自定义内容
许多其他自定义内容
更多自定义内容
更多自定义内容
始终将此TR放在底部

这是一种简单的方法

 tbody.children().not('.reportfooter').each(function (i, tr) {
        $('#league_chat tbody tr:first').after(tr);
    });

这是一个简单的方法

 tbody.children().not('.reportfooter').each(function (i, tr) {
        $('#league_chat tbody tr:first').after(tr);
    });

使用页脚和页眉你不能使用
吗?使用页脚和页眉你不能使用
吗?不能更改htmlcan不能更改htmlty,我如何才能使第一行和最后一行不更改?我更新了我的帖子,我怎样才能使第一行和最后一行都不改变呢?我更新了我的帖子
<table id="league_chat">
    <thead>
        <tr><td>ALWAYS LEAVE THIS TR AT THE TOP</td></tr>
    </thead>
    <tbody>        
        <tr><td>lots of custom content</td></tr>
        <tr><td>lots of other custom content</td></tr>
        <tr><td>more custom content</td></tr>
        <tr><td>even more custom content</td></tr>        
    </tbody>
    <tfoot>
        <tr class="reportfooter"><td>ALWAYS LEAVE THIS TR AT THE BOTTOM</td></tr>
    </tfoot>
</table>
tbody = $('#league_chat tbody');
tbody.children().not(':first').not(":last").each(function (i, tr) {
    tbody.find('tr:first').after(tr);
});
 tbody.children().not('.reportfooter').each(function (i, tr) {
        $('#league_chat tbody tr:first').after(tr);
    });