javascript - 反转表格行

标签 javascript jquery html-table jquery-selectors

我想用 jQuery 反转表 tbody 行

我有什么:

<table width="630" border="0" cellspacing="0" cellpadding="0">
<thead>
 <tr>
    <td>TITLE A</td>
    <td>TITLE B</td>

(...) 在 jsfiddle 中继续。

这是我所拥有的和我想要的: http://jsfiddle.net/ZaUrP/1/

最佳答案

fiddle

与其他人几乎相同,只是我使用 .detach() 保证保持附加到 tr 的任何疯狂事件完好无损。我还使用 $.makeArray 来避免反转基本 jQuery 对象上的任何 proto 内容。

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

关于javascript - 反转表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16701671/

相关文章:

jquery - 与使用 jquery 在此表中追加相反

Jquery选择器不选择值

javascript - 以相同的方式将 tr 与不等数量的 td 对齐

javascript - 未捕获的语法错误 : Invalid or unexpected token when retrieving JSON stringified object from SQLite (Cordova)

javascript - Safari 阻止视频上的 play() 尽管被点击事件调用

javascript - GoJS - 未捕获错误 : Model. makeNodeDataKeyUnique 在 [object Object] 上失败

jquery - 克隆 tr,但保留宽度

javascript - 如何使用 javascript 变量应用多种样式?

javascript - 定期更新仅发生一次

javascript - 如何将 HTML 表格单元格变成可编辑的文本框