添加新表格行後對錶格行進行排序

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