jquery - 使用 jquery 根据关键字对 HTML 行进行排序

Question

我需要使用特定关键字对 HTML 表进行排序。例如使用 jQuery 对“AX”、“BY”、“CZ”、“DQ”进行排序。 我的表格包含多行，其中一个单元格包含上述值

 <table>
 <tr><td>Test1</td><td>BY</td></tr>
 <tr><td>Test2</td><td>AX</td></tr>
 <tr><td>Test3</td><td>DQ</td></tr>
 <tr><td>Test4</td><td>AX</td></tr>
 <tr><td>Test5</td><td>DQ</td></tr>
 <tr><td>Test6</td><td>CZ</td></tr>
 <tr><td>Test7</td><td>CZ</td></tr>
 <tr><td>Test8</td><td>AX</td></tr>
 </table>

表格应重新排列如下:

 <table>
 <tr><td>Test8</td><td>AX</td></tr>
 <tr><td>Test2</td><td>AX</td></tr>
 <tr><td>Test4</td><td>AX</td></tr>
 <tr><td>Test1</td><td>BY</td></tr>
 <tr><td>Test6</td><td>CZ</td></tr>
 <tr><td>Test7</td><td>CZ</td></tr>
 <tr><td>Test3</td><td>DQ</td></tr>
 <tr><td>Test5</td><td>DQ</td></tr>
 </table>

Answer 1

您可以使用sort方法:

$('table tr').sort(function(a, b) {
    return $('td:eq(1)', a).text() > $('td:eq(1)', b).text();
}).appendTo('tbody');

http://jsfiddle.net/NrUCw/