用div制作的表中的jQuery头排序
用div制作的表中的jQuery头排序
提问于 2011-07-25 20:49:56
我想订购表格内容，点击每个列的标题。
这个问题已经在这里提出了，jQuery table header sort，但是jquery指出(这实际上非常好)适用于表html标记。如果我的表是用div写的，是否有一个插件可以制作完全相同的。
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> 回答 1
Stack Overflow用户
发布于 2011-07-25 21:10:30
如果您无法自己编写代码，那么自己编写代码的基本过程如下所示。听起来可能很痛苦，但是如果您的数据是干净的，jQuery的选择器将真正帮助您解决这个问题：
- 在数据网格中迭代，为每个单元格分配两个类(一个是行唯一的，一个是列的唯一)。嵌套循环将与jQuery的
.addClass()一起执行。稍后您将需要这些作为jQuery选择器。我将在这个迭代中包含表头，但是为它们分配‘label’类。 - 使每个表标题
$(".label")$(.label)被单击，获取行或列的类名，并选择匹配的所有单元格。迭代这个数组(html元素)，并创建每个单元格包含的第二个数据数组(可能是通过.html())。对这个数组进行排序，然后使用它重新填充原始的元素数组，您就可以了。
听起来可能很复杂，但是jQuery确实是为这类事情而构建的。祝好运。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6822185
复制相关文章
相似问题
腾讯云开发者
