使用jquery根据数组对表行进行排序

Sorting table rows according to an array with jquery?

本文关键字:排序 数组 jquery 使用      更新时间:2023-09-26

我有一个看起来像这样的表:

<table>
      <tr id="1">
          <td>bla</td>
      </tr>
      <tr id="2">
          <td>bla</td>
      </tr>
       <tr id="3">
          <td>bla</td>
      </tr>
      <tr id="4">
          <td>bla</td>
      </tr>
</table>

我还得到了一个数组,我应该根据它对表中的行进行排序,比如说数组类似于

数组=[3,4,1,2];

如何使用jquery/javascript重新排列行以匹配数组,有什么技巧或想法吗?

按照需要的顺序再次附加它们。当您调用.append并且元素已经可见时,它将从当前位置删除。

var order = [3,2,1,4];
$.each(order, function(){
  $("table").append($("#" + this));
})

​http://jsfiddle.net/nZ6HJ/

jsBin演示

for(i=0; i<array.length; i++){
  $('#'+array[i]).appendTo('table');
}