根据列值对表格进行排序

Question

我想单击某个按钮时对表格进行排序。如果点击了id为“easy”的按钮，我想通过简单的级别进行排序，如果单击了id为hard的按钮，我想按照降级顺序排列难度级别。

我试图为简单的按钮的情况下做到这一点，我已经在数组中的值，但现在我没有看到如何排序这个表，因此表可以基于列“EasyLevels” 。你有什么想法可以帮忙吗？

$("#easy").each(function() { 
     if ($.inArray($(this).text(), arr) == -1) 
      arr.push($(this).text()); 
     alert($(this).text()); 
    }); 

我有一个表格式如下：

ID | GameName | EasyLevels | HardLevels | TotalLevels 

1 Stakeboard 32   28   60 

.... 

的HTML是像下面，我没有任何<td>任何class和id。

<button id="easy">Sort By Easy Levels</button> 
<button id="hard">Sort By Hard Levels</button> 
<button id="total">Sort By Total Levels</button> 

<table> 
    <th>GameId</th> 
    <th>GameName</th> 
    <th>EasyLevels</th> 
    <th>HardLevels</th> 
    <th>TotalLevels</th> 
    <tr> 
     <td>Game Id</td> 
     <td>Game Title 1</td> 
     <td class="easy">12</td> 
     <td class="hard">30</td> 
     <td class="all">42</td> 
    </tr> 
    <tr> 
     <td>Game Title 2</td> 
     <td class="easy">10</td> 
     <td class="hard">26</td> 
     <td class="total">36</td> 
    </tr> 
    .... 
</table> 

Answer 1

你可以做到这一点使用tablesorter jQuery插件：

$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
);