按id对<td>进行排序？

Question

我正在尝试按it对表中的td标记进行排序。我有下面的代码

<table>
<tr>
    <th id="dv_8">COMPANY NAME</th>
    <th id="dv_6">CONTACT 1</th>
    <th id="dv_1">CONTACT 2</th>
    <th id="dv_3">CONTACT 3</th>
    <th id="dv_2">FAX</th>
    <th id="dv_9">WILAYAT</th>
    <th id="dv_5">CUSTOMER SEGMENT</th>
    <th id="dv_10">FLCODE</th>
    <th id="dv_7">Date Added</th>
    <th id="dv_4">QNR Status</th>
</tr>

​

我要排序，以便输出是

<table>
<tr>
    <th id="dv_1">CONTACT 2</th>
    <th id="dv_2">FAX</th>
    <th id="dv_3">CONTACT 3</th>
    <th id="dv_4">QNR Status</th>
    <th id="dv_5">CUSTOMER SEGMENT</th>
    <th id="dv_6">CONTACT 1</th>
    <th id="dv_7">Date Added</th>
    <th id="dv_8">COMPANY NAME</th>
    <th id="dv_9">WILAYAT</th>
    <th id="dv_10">FLCODE</th>
</tr>

​

我在这里错过了什么？

Answer 1

在普通的JavaScript中，您可以使用：

Array.prototype.slice.call(document.getElementsByTagName('th')).sort(function(a, b) {
    return a.id.replace('dv_', '') - b.id.replace('dv_', '');
}).forEach(function(e) {
    e.parentNode.appendChild(e);
});

或者如果您使用jQuery：

$('table th').get().sort(function(a, b) {
    return a.id.replace('dv_', '') - b.id.replace('dv_', '');
}).forEach(function(e) {
    e.parentNode.appendChild(e);
});

演示： http://jsfiddle.net/b4Ngj/

Answer 2

你可以使用TinySort插件。我用它按身份证分类..。我的语法就像

$('table > tr').tsort('th',{order:'desc',attr:'id'});

插件链接：http://tinysort.sjeiti.com/