JQuery在没有插件的情况下对表进行排序

 <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>分数</th>
    </tr>
  </thead>
 <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>80</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>28</td>
      <td>90</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>22</td>
      <td>75</td>
    </tr>
  </tbody>
</table>

$(document).ready(function() {
  $('#myTable th').click(function() {
    var table = $(this).parents('table').eq(0);
    var rows = table.find('tr:gt(0)').toArray().sort(comparer($(this).index()));
    this.asc = !this.asc;
    if (!this.asc) {
      rows = rows.reverse();
    }
    for (var i = 0; i< rows.length; i++) {
      table.append(rows[i]);
    }
  });
  function comparer(index) {
    return function(a, b) {
      var valA = getCellValue(a, index);
      var valB = getCellValue(b, index);
      return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.localeCompare(valB);
    }
  }
  function getCellValue(row, index) {
    return $(row).children('td').eq(index).text();
  }
});