javascript - 反转表格行顶行在底部而不改变 th 的位置,如何?

标签 javascript jquery html-table

我使用 HTML 代码。 我有一个表,我在第一个 tr td 中写“A”,在第二个 tr td 中写“B” 我有这两行 但我想在第一个 tr 中打印“B”,在第二个中打印“A” !!但我不想改变我的立场! 是否可以使用任何脚本(例如 js 或 Jquery)或任何类型的 js CDN....??

<table id='table1'>
 <tr>
  <th>name</th>
 </tr>
 <tr>
  <td>A</td>
 </tr>
 <tr>
  <td>B</td>
 </tr>
</table>

最佳答案

尝试一下: 你的脚本

$(function(){
    $("tbody").each(function(elem,index){
      var arr = $.makeArray($("tr",this).detach());
      arr.reverse();
        $(this).append(arr);
    });
});

第二种方法是这样的:

var tbody = $('table tbody');
tbody.html($('tr',tbody).get().reverse());

我希望这有帮助!谢谢!

关于javascript - 反转表格行顶行在底部而不改变 th 的位置,如何?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54528075/

相关文章:

javascript - jQuery 自动完成建议列表不会在悬停时更改背景颜色

html - 表格单元格垂直对齐的默认值

php - 无法显示 mysql wpdb 表,其中包含有关 woocommerce 产品的信息,但没有包含已删除产品的行;也无法对 html 表进行分页

Javascript/Jquery 尝试在另一个函数中应用 .html

javascript - 如何在不删除现有事件的情况下添加事件,但阻止表单提交

javascript - 在 jQuery 中查找并淡出一个元素

css - 向表格添加水平和垂直滚动

javascript - 等待双方玩家选择答案的 Socket.io 事件

javascript - Javascript中绝对旋转元素的环绕矩形和高度

JavaScript,找不到变量