添加新表格行后对表格行进行排序

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插件。