如何在JavaScript和/或jQuery中對多列進行排序

因此，我喜歡親自學習並獲得幫助。我不想使用javascript/jquery插件，因爲我想開發自己的代碼。那麼，如何按一下按鈕，按字母順序排列表格？當他們點擊按鈕時，根據正在排序的列，該行將按字母順序排列，並且該行的其餘部分將跟隨。謝謝！如何在JavaScript和/或jQuery中對多列進行排序

<table id=sortableTable"> 
    <thead id="myTHead"> 
     <tr> 
     <th> Month </th> 
     <th> Population </th> 
     </tr> 
    </thead> 
    <tbody id="myBody"> 
<tr> 
<td>March</td> 
<td>100</td> 
</tr> 
<tr> 
<td>April</td> 
<td>300</td> 
</tr> 
<tr> 
<td>Febuary</td> 
<td>200</td> 
</tr>

來源

2012-07-26 opbeta

好的，如果你想開發自己的代碼，到目前爲止你嘗試過了什麼？ – 2012-07-26 15:36:23

我試過只是做一個無序的列表。我得到了那個排序。然後我試着把相同的思維過程和格式放到一個表中，它不起作用，更糟糕的是我不得不按照列對它進行排序，並且行遵循 – opbeta 2012-07-26 15:41:59

我不會給你一個代碼示例，因爲你所要求的只是相當長的一段代碼。但是，你需要做的方法就是確保你擁有用特定ID生成的所有表格元素。可能是格式id =「colnum_rownum」。

如果您對每列有一個排序按鈕，他們可能需要自己的ID;以及像id =「sort_colnum」一樣。

當你點擊那個按鈕時，你會想要調用一個函數來獲取包含你點擊的列的ID的所有元素。然後您可以對它們進行排序，以瞭解哪些行號需要移到哪裏。然後，您可以將DOM中的這些行移動到新的位置，並可能修改該ID以反映它們的新位置，以便在稍後單擊另一個按鈕時再次進行排序。

從學術理解的角度來看，通過這樣的事情是一件有趣的事情。從實際的角度來看，如果已經有很多好的解決方案，花時間實施這樣的事情會很瘋狂。

來源

2012-07-26 15:38:24

，但是那裏有沒有很好的解決方案，那裏不是插件？ – opbeta 2012-07-26 17:24:10

如果通過插件表示您不會加載任何外部JavaScript框架或第三方腳本，則不需要，您幾乎可以自行構建它。 – 2012-07-26 17:27:05

我剛纔用類似的話題發現這個在另一篇文章：

http://www.allmyscripts.com/Table_Sort/

通過它的讀取是一個開源的javasript排序功能的HTML表格。似乎有趣，簡單而有用。

來源

2014-06-13 21:33:31 Analyst

如何在JavaScript和/或jQuery中對多列進行排序

回答

相關問題