根據列值對錶格進行排序

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(); 
    } 
);