反转表行

Question

我想用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/

Answer 1

小提琴

和其他人几乎一样,只有我使用.detach(),这是保持任何与trs完好无关的疯狂事件.我还使用$ .makeArray来避免反转proto基础jQuery对象上的任何东西.

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

Answer 2

试试这个:-

tr从tbody使用中获取s 数组.get()并使用Array.reverse来反转元素并将其分配回来.

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

小提琴

如果您有事件tr或任何包含元素,您可以使用委托附加它,以便反转元素也可以委派它们.

演示