首页 > 解决方案 > 在不改变 th 的位置的情况下,反转表格行的顶部行到底部,如何?

问题描述

我使用 HTML 代码。我有一张桌子,我在第一个 tr td 中写“A”和“B”在第二个 tr td 我有这两行,但我想在第一个 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>

标签: javascriptjqueryhtml-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());

我希望这有帮助!谢谢!


推荐阅读