使用javascript或jquery在html中排序排序

我在面對列排序時獲得解決方案時遇到問題。我已經使用了許多第三方庫，如danvk庫，jqGrid用於拖動列。但我想要做的是。我有一個div，並有五個領域。 {FirstNJame，LastName，Address，Phone，Designation}也有向上和向下的按鈕，以便我可以上下移動字段。在Ok按鈕上，我想根據我在該div上設置的字段順序來創建我的表格順序。所以簡而言之，就是在這個div中設置了什麼樣的順序。我已經上下和前後編程。我只需要一個解決方案來移動javascript位置或jQuery中的列位置。謝謝。使用javascript或jquery在html中排序排序

來源

2011-07-24 JN_newbie

這應該讓你去：http://jsfiddle.net/S9ykD/

（使用jQuery）代碼：

var order = [0,2,1,3]; 

$(function() { 
    $("table tr").each(function() { 
     var orderedTds = new Array(); 
     for (var i=0; i<order.length;i++) 
      orderedTds[i] = $(this).children("td")[order[i]]; 
     for (var i=0; i<order.length;i++) 
      $(this).append(orderedTds[i]); 
    }); 

});

這是樣品標記：

<table> 
    <tr> 
     <td>aaa</td> 
     <td>bbb</td> 
     <td>ccc</td> 
     <td>ddd</td> 
    </tr> 
    <tr> 
     <td>111</td> 
     <td>222</td> 
     <td>333</td> 
     <td>444</td> 
    </tr> 
</table>

來源

2011-07-24 18:49:22 Variant

只是使用一些js庫 - 我推薦使用Datatables，這是非常好的，你可以完成幾乎所有的事情，並且非常可定製化。或者使用你習慣的任何東西。然後，只需處理按鈕上的單擊事件並將配置發送到庫。 Datatables可以很好地完成此操作。請參閱Datatables API doc中的fnSort或fnSortListener。

來源

2011-07-24 18:38:38 TMS

感謝托馬斯的幫助，我一定會去通過這個庫。 –

使用javascript或jquery在html中排序排序

回答

相關問題