如何僅使用jQuery對特定表列中的元素進行排序？

我正在嘗試使用jQuery的可拖動和可排序來排列列表中特定列的內容。如何僅使用jQuery對特定表列中的元素進行排序？

原因是我基本上想讓人們適應時區。

我有一個表這樣：

<table width="300" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td>1:00 PM</td> 
    <td><div class="personSortable">Person 1</div></td> 
    </tr> 
    <tr> 
    <td>2:00 PM</td> 
    <td><div class="personSortable">Person 2</div></td> 
    </tr> 
    <tr> 
    <td>3:00 PM</td> 
    <td><div class="personSortable">Person 3</div></td> 
    </tr> 
    <tr> 
    <td>4:00 PM</td> 
    <td><div class="personSortable">Person 4</div></td> 
    </tr> 
</table>

我要讓所有的類「personSortable」排序到avaliable時隙的div。我找到了一個答案，但我能找到的最接近的東西是使整行可排序（通過使表格成爲可排序的容器） - 這不是理想的，因爲我不能改變時隙。

我的另一個想法是創建兩個div包裝器：一個包含時間段，另一個包含人員可排序的div，並使用CSS'float'屬性讓它們排隊。這會是一個更理想的方法嗎？

來源

2012-06-22 user1191448