Question

我有一些jQuery ajax，它通过添加一些表单数据向表中添加一个新行。我想添加一个函数，在附加了行之后，它按表中的字段值进行排序。所以这是一个包含一些虚拟数据的表。

<table>
    <tr><td><input type="text" name="hour[from]" value="1"> Hour From</td><td><input type="text" name="hour[to]" value="3"> Hour To</td></td></tr>
    <tr><td><input type="text" name="hour[from]" value="6"> Hour From</td><td><input type="text" name="hour[to]" value="8"> Hour To</td></td></tr>
    <tr><td><input type="text" name="hour[from]" value="5"> Hour From</td><td><input type="text" name="hour[to]" value="6"> Hour To</td></td></tr>
</table>

所以在函数运行之后，我希望它按小时[from]字段排序。所以它最终会像下面一样。

<table>
    <tr><td><input type="text" name="hour[from]" value="1"> Hour From</td><td><input type="text" name="hour[to]" value="3"> Hour To</td></td></tr>
    <tr><td><input type="text" name="hour[from]" value="5"> Hour From</td><td><input type="text" name="hour[to]" value="6"> Hour To</td></td></tr>
    <tr><td><input type="text" name="hour[from]" value="6"> Hour From</td><td><input type="text" name="hour[to]" value="8"> Hour To</td></td></tr>
</table>

我不确定如何完成这项任务。我知道如何运行每个但不知道如何排序。可以这样做吗？

希望你能提出建议。

TY

Answer 1

您可以查看TableSorter插件。

在追加新表格行之后对表格行进行排序

1 个答案: