javascript - 使用 jquery，如何根据 TR 属性对表中的行重新排序？

Question

我有一个表格，其中的行类似于下图。这些行会不时通过 jquery 调用进行更新。使用 jquery，我将如何构建一个函数，根据 myAttribute 值将最高 myAttribute 值行放在顶部，将最低 myAttribute 值行放在底部，对这些表行进行重新排序？表中最多可以有 100 行。

<tr id='1' class='playerRow' myAttribute=5>
      <td> One</td>
      <td> Two</td>
</tr>
<tr id='2' class='playerRow' myAttribute=6>
      <td> One</td>
      <td> Two</td>
</tr>

Answer 1

<table>  
<tr id='1' class='playerRow' myAttribute='1'>
      <td> One1</td>
      <td> Two1</td>
</tr>
<tr id='2' class='playerRow' myAttribute='2'>
      <td> One2</td>
      <td> Two2</td>
</tr>
</table>

JQuery

var $table=$('table');

var rows = $table.find('tr').get();
rows.sort(function(a, b) {
var keyA = $(a).attr('myAttribute');
var keyB = $(b).attr('myAttribute');
if (keyA < keyB) return 1;
if (keyA > keyB) return -1;
return 0;
});
$.each(rows, function(index, row) {
$table.children('tbody').append(row);
});

工作演示是 http://www.jsfiddle.net/HELUq/1/