如何仅使用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