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

Question

我有一张看起来像这样的表：

<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>

我还有一个数组，根据该数组我应该对这些表行进行排序，比如数组就像

array = [3,4,1,2];

有关如何使用jquery / javascript重新排列行以匹配数组的任何提示或想法吗？

Answer 1

按照您需要的顺序重新添加它们。当您致电.append并且该元素已经可见时，它将从当前位置移除。

var order = [3,2,1,4];

$.each(order, function(){
  $("table").append($("#" + this));
})

http://jsfiddle.net/nZ6HJ/

Answer 2

jsBin demo

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