用div在表中进行jQuery头排序

我想在每一列的标题中单击表格内容

这里已经提出了这个问题，但是jquery插件指出（这实际上非常好）可以与表html标记一起工作。如果我的表是用divs写的，那么有没有插件可以完全相同呢

Html示例：

<div class="table">
    <div class="header">
        <div class="col1">col1</div>
        <div class="col2">col2</div>
        <div class="col3">col3</div>        
    </div>    
    <div class="item">
        <div class="col1">content11</div>
        <div class="col2">content21</div>
        <div class="col3">content31</div>            
    </div>
    <div class="item">
        <div class="col1">content12</div>
        <div class="col2">content22</div>
        <div class="col3">content32</div>            
    </div>
</div>  

可乐
可乐
可乐
内容11
内容21
内容31
内容12
内容22
内容32

如果您不能自己编写代码，那么自己编写代码的基本过程如下。听起来可能很痛苦，但如果您的数据是干净的，jQuery的选择器将真正帮助您：

• 遍历数据网格，为每个单元格分配两个类（一个对行唯一，一个对列唯一）。一个嵌套循环可以实现这一点，jQuery的

  .addClass（）

  。稍后您将需要这些作为jQuery选择器。我将在这个迭代中包括表头，但将它们指定为“label”类

• 使每个表格标题

  $（“.label”）

  可单击

• 单击

  $（.label）

  时，获取行或列的类名，并选择所有匹配的单元格。迭代这个数组（html元素），并创建每个单元格包含的第二个数据数组（可能通过

  .html（）

  ）。对这个数组进行排序，然后用它重新填充原来的元素数组，就可以了

---

听起来可能很复杂，但jQuery确实是为这类事情而构建的。祝你好运。

如果你的表是用div写的，它不是表：）你能展示一个html的例子吗？这是一个糟糕的解决方法，但是。。。作为最后一种手段，您可以使用相同的数据创建一个隐藏表，使用插件对其进行排序，然后读取并将排序后的表的内容存放到您的divs中。是 啊我知道得很粗略。@Chazbot:充其量也很粗略。创造性非更少：）@peehaa：是的，它不是一个html表，但至少看起来像一个：）