jquery - 用于对由以下组成的表进行排序的 Jquery 插件

Question

我想使用一些 jquery 插件对一个用 div 和 diplay 表制作的表进行排序。

我可以修改我的表格，但我不能使用 html 标签。

Answer 1

您应该使用由桌子制成的桌子。表格在 HTML 中占有一席之地，即显示表格数据。

查看http://tablesorter.com以获得一个简单的插件：

HTML 示例：

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>jsmith@gmail.com</td> 
    <td>$50.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
    <td>Bach</td> 
    <td>Frank</td> 
    <td>fbach@yahoo.com</td> 
    <td>$50.00</td> 
    <td>http://www.frank.com</td> 
</tr> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>jdoe@hotmail.com</td> 
    <td>$100.00</td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>tconway@earthlink.net</td> 
    <td>$50.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody> 
</table>

jQuery 示例：

$(function(){ 
    $("#myTable").tablesorter(); 
});