如何使用Jquery或Javascript重新排序表行

时间:2013-12-18 17:15:11

标签: javascript jquery

我有一张类似于以下内容的表格:

    等级
        $ 1,000
        500美元         100美元         其他金额

HTML由基于Web的程序生成,允许您输入所需的值,但不提供重新排序的选项。

值从最高到最低排序,但我需要它们从最低到最高。

以下是生成该表的HTML:

<table width="100%" id="TablePledgeLevelInner">
<tbody>
    <tr>
        <td width="1%">&nbsp;</td>
        <td>Level<br>
        </td>
    </tr>
    <tr>
        <td nowrap="">&nbsp;
            <input type="radio" id="Radio1" onclick="SetAmount(form, 1000);" value="764853" name="PledgeLevelID">&nbsp;
        </td>
        <td>$1,000&nbsp;<br>
        </td>
    </tr>
    <tr>
        <td nowrap="">&nbsp;
            <input type="radio" id="Radio1" onclick="SetAmount(form, 500);" value="764915" name="PledgeLevelID">&nbsp;
        </td>
        <td>$500&nbsp;<br>
        </td>
    </tr>
    <tr>
        <td nowrap="">&nbsp;
            <input type="radio" id="Radio1" onclick="SetAmount(form, 100);" value="764921" name="PledgeLevelID">&nbsp;
        </td>
        <td>$100&nbsp;<br>
        </td>
    </tr>
    <tr>
        <td nowrap="">&nbsp;
            <input type="radio" id="Radio1" onclick="SetAmount(form, 0);" value="764922" name="PledgeLevelID">&nbsp;
        </td>
        <td>Other Amount&nbsp;<br>
        </td>
    </tr>
</tbody>
</table>

如何使用Jquery或Javascript重新排序此表? 提前致谢。非常感谢任何帮助。

1 个答案:

答案 0 :(得分:4)

使用jQuery DataTables。它可以让你对输出进行排序,并提供开箱即用的其他好功能。