根據列值對表進行排序

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>都沒有任何類或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(); 
    } 
);